Avatar billede kwanstudios Nybegynder
28. februar 2004 - 00:22 Der er 17 kommentarer og
2 løsninger

float gør at tekst forsvinder

Det er egentlig meget simpelt; de tre bokse (left, center, right) der flyder oven på min div gør at teksten ovenfor forsvinder i Internet Explorer 6. Det er dog helt fint i Firefox 0.8 og Safari 1.2.

Siden findes her http://www.effekt2.dk/projektstyring/kontakter.html

Burde være til at klare, men jeg er simpelthen for træt - alt for lang dag - derfor også 200 point til den "heldige"! :)
Avatar billede duvander Juniormester
28. februar 2004 - 00:45 #1
kan man få sin div kode at se??
Avatar billede kwanstudios Nybegynder
28. februar 2004 - 00:48 #2
Det er bare at åbne proman.css? :) Burde da ikke være nødvendigt at jeg postede det her?
Avatar billede roenving Novice
28. februar 2004 - 00:58 #3
Hvorfor har du img{display:block;}

-- og så får jeg de to øverste linjer frem i min IE6, dog med p'erne skåret af ved grundlinjen, kunne tyde på noget med en størrelses-angivelse, som har fejl ...
Avatar billede kwanstudios Nybegynder
28. februar 2004 - 01:00 #4
Størrelses-angivelse? Jamen fejlen kommer jo ikke hvis boxene ikke var der?

det med display:block er bare en gammel vane, skal jeg have vænnet mig af med :)
Avatar billede roenving Novice
28. februar 2004 - 01:08 #5
-- og så mangler der iøvrigt en div, men den ser ikke ud til at gøre nogen forskel ...

-- men det, at p er skåret under linjen har en eller anden betydning, som jeg godt nok heller ikke kan se ved de kig, jeg har lavet !-)
Avatar billede kwanstudios Nybegynder
28. februar 2004 - 01:10 #6
Jeg er ved akkurat samme konklusion, så valgte at lave et spørgsmål herinde :)
Avatar billede nute Nybegynder
28. februar 2004 - 01:38 #7
mon ikke det er relateret til den godeste float-bug-problematikken ?

http://www.positioniseverything.net/floatmodel.html

http://www.positioniseverything.net/explorer/threepxtest.html

dette er en bug, der går under navnet '3px Text Jog' og præsentere sig selv i utallige former når floats er involveret.

/nute
Avatar billede kwanstudios Nybegynder
28. februar 2004 - 01:54 #8
Har svært ved at overskue de sider der.. er der ingen løsningsforslag?
Avatar billede detox Nybegynder
28. februar 2004 - 02:08 #9
Det hænger øjensynligt sammen med din 'spacer' class.
Hvis man ændrer den til:
.spacer { float: none; }
og retter:
<div class="spacer"></div>
til:
<div class="spacer"><br /><br /><br /><br /><br /></div>
ser det rigtigt ud.
Avatar billede detox Nybegynder
28. februar 2004 - 02:09 #10
Hov det var altså en kommentar :o(
Avatar billede kwanstudios Nybegynder
28. februar 2004 - 02:13 #11
Det løser (desværre) kun problemet midlertidigt detox.. der skal kunne være flere linier end bare én med bokse.. og indsætter man en ekstra virker din med en masse breaks ikke.. desværre :/
Avatar billede kwanstudios Nybegynder
28. februar 2004 - 11:48 #12
Det må da være muligt at finde en løsning? Jeg tror det må blive en kombination af detox og nute's ideer? :)
Avatar billede kwanstudios Nybegynder
28. februar 2004 - 20:08 #13
Så gav alle op?
Avatar billede notes2c Nybegynder
10. marts 2004 - 09:00 #14
Løsningen er at lægge en div rundt om kontakterne og fortælle at blokken skal fyldet 100% i bredden ellers har ie det med at kollapse blokken når den indeholder float elementer (længe leve standarder :-|)

eks.
<div style="width: 100%;">
      <div id="kontaktleft" class="kontakt"><strong>Jens Jensen</strong> (Left)<br />Adm. direktør<br />jj@eksempelvirksomhed.dk<br /></div>

            <div id="kontaktcenter" class="kontakt"><strong>Jens Jensen</strong> (Center)<br />Adm. direktør<br />jj@eksempelvirksomhed.dk<br /></div>
            <div id="kontaktright" class="kontakt"><strong>Jens Jensen</strong> (Right)<br />Adm. direktør<br />jj@eksempelvirksomhed.dk<br /></div>
<div class="spacer"></div></div>

/Sten :-)
Avatar billede notes2c Nybegynder
10. marts 2004 - 10:29 #15
Løsningen er at lægge en div rundt om kontakterne og fortælle at blokken skal fyldet 100% i bredden ellers har ie det med at kollapse blokken når den indeholder float elementer (længe leve standarder :-|)

eks.
<div style="width: 100%;">
      <div id="kontaktleft" class="kontakt"><strong>Jens Jensen</strong> (Left)<br />Adm. direktør<br />jj@eksempelvirksomhed.dk<br /></div>

            <div id="kontaktcenter" class="kontakt"><strong>Jens Jensen</strong> (Center)<br />Adm. direktør<br />jj@eksempelvirksomhed.dk<br /></div>
            <div id="kontaktright" class="kontakt"><strong>Jens Jensen</strong> (Right)<br />Adm. direktør<br />jj@eksempelvirksomhed.dk<br /></div>
<div class="spacer"></div></div>

/Sten :-)
Avatar billede kwanstudios Nybegynder
14. marts 2004 - 19:20 #16
Sten.. du lyder som en med okay tjek på standarder og deslige, er i gang med bl.a. en dansk standards koalition ala det amerikanske/australske webstandards.org, og samtidig også et netbureau med det i hovedsædet, muligt du var interesseret om at snakke videre om det? Har du MSN eller lignende? Og undskyld mit sene svar!
Avatar billede notes2c Nybegynder
15. marts 2004 - 12:17 #17
Desværre har ikke MSN kun mail. sten@notes2c.dk, hvis du sender nogle hvoedtræk så kan jeg kontakte dig.
Avatar billede detox Nybegynder
17. marts 2004 - 09:48 #18
Her er en løsning:

.spacer {
        clear: both;
        float: none;
}
Avatar billede kwanstudios Nybegynder
16. maj 2004 - 22:04 #19
alle der mener de har deltaget bedes svare:)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester