Buggigt värre.

2 svar · 237 visningar · startad av Nexus86 22 okt. 2003

Nexus86Medlem sedan okt. 20023 030 inlägg

Frågan22 okt. 2003 19:47#1

Jag har två divar inuti en annan div. Meningen är att dessa två divar ska ligga brevid varandra men lyckas inte riktigt få det att fungera i både FireBird och IE.

Diven som allt ligger i:

#maindiv {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	padding: 10px 10px 10px 10px;
	width: 730px;
}

De båda andra divarna:

#logodiv {
	border: 1px solid #000000;
	height: 70px;
	float: left;
	padding-left: 6px;
	text-align: left;
	vertical-align: middle;
}

#imagediv {
	border: 1px solid #ff0000;
	height: 70px;
	width: 490px;
}

Border satte jag dit för att jag skulle se hur de gick. I IE ser detta helfint ut men i FireBird är det snäppet värre. Problemet verkar vara så att #imagediv hamnar under #logodiv istället för brevid. :l

Laddar upp en bild med förklaring.

jarvkloMedlem sedan juli 20013 378 inlägg

22 okt. 2003 20:01#2

Hmm...

webstandards.org skrev:

Floats are very difficult to master - you need to understand some of the terminology, and particularly how some of the browsers out there get things right and wrong (and boy can they get it wrong).

Jag skulle nog snabbt gissa på att det kan bero lite på ditt val av <!DOCTYPE också, men jag antar att du enklast borde kunna fixa det genom att köra float: left på bägge div:arna...
Eller float:left på den ena och float:right på den andra...
Eller med en margin-left på den andra div:en...
Någon av dessa tekniker borde ta dig ur knipan om jag gissar rätt!

Artikeln jag citerar i början pekar förresten ut en del resurser på nätet i ämnet floats (som du ju verkar ha ofrivilliga problem med) - den återfinns här: http://www.webstandards.org/buzz/archive/2003_10.html#a000220
och en innehållsrik genomgång på hur man egentligen bör göra för att slippa att utlösa buggar finns här: http://css.maxdesign.com.au/floatutorial/index.htm

Nexus86Medlem sedan okt. 20023 030 inlägg

22 okt. 2003 20:04#3

Tackar! Det stämmer faktiskt. Det är första gången jag använder floats. :r :)

Float: left respektive float: right fungerar utmärkt. :)