19. juni 2007 - 11:48
Der er
10 kommentarer og 1 løsning
3 pixels luft mellem flydende div's
Jeg har 2 div's der står ved siden af hinanden. Men i IE er der 3 pixels luft mellem de 2. Hvad kan det skyldes? Hvis jeg laver negativ margin på den ene, så rykker de sammen, men det virker ikke efter hensigten i FireFox.
Annonceindlæg fra inspirit365
Ville være nemmere hvis du viste os noget kode eller et link hvor vi kan se problemet... Men det skyldes sikkert at IE og FF tolker width forskellig når der er border på.
Har haft samme problem da jeg ikke brugte den rigtige doctype.
Men som fennec siger, så kan vi kun gätte.
Slettet bruger
19. juni 2007 - 12:15
#4
fennec: ...og forskel på hvilken IE-version... *suk* donslund: Hvilke browsere og -versioner udvikler du i?
IE 6 FireFox 1.5 #left { width: 267px; float: left; background-image: url(billeder/xbg_left.gif); margin:0px; margin-right:0; } #left_inner { border: 0px solid #00ff00; padding: 0px; } #right { background-color: #dddddd; width: 633px; margin-top: 0; margin-left: 267px; } #right_inner { border: 0px solid #ff00ff; padding-left: 0px; } Det er Left og right der har lidt mellemrum.
Hvorfor floater du ikke bare den højre ?-) #right { background-color: #dddddd; width: 633px; float:left; }
Men så rykker den ned i forhold til Left. #left { width: 267px; background-image: url(billeder/bg_left.gif); margin:0px; margin-right:0; } #left_inner { border: 0px solid #00ff00; padding: 0px; } #right { background-color: #dddddd; width: 633px; margin-top: 0; margin-left: 267px; float: left; } #right_inner { border: 0px solid #ff00ff; padding-left: 0px; }
-- det var altså ik' li'e tilfældigt at jeg havde _erstattet_ dine margins med floaten (men -left'en holder jo alligevel op med at virke !-) -- prøv at linke til et eksempel, hvor fejlen opstår ...
Float left på den ene og right på den anden ser ud til at virker i IE6, 7 og FF Smid et svar, roenving
19. juni 2007 - 15:23
#10
Oki '-)
19. juni 2007 - 15:38
#11
-- og tak for point ;~}
Vi tilbyder markedets bedste kurser inden for webudvikling