webForumDet fria alternativet

Relative DIV

HTML & CSS

3 svar · 217 visningar · startad av Jaar

Medlem sedan juli 2001434 inlägg
Frågan#1

Hej jag har tre DIV taggar som jag har relaterade på detta viset idag...

body {
	margin : 20px;
	font-size : 10px;
	font-family: verdana,arial,helvetica,sans-serif
}

#boxTransport {
	background-color : #BFD6E6;
	border: 1px solid #9FB6C6;
	position : absolute;
	width: 500px;
	z-index:1
}

#boxDate {
	background-color : #BFD6E6;
	border: 1px solid #9FB6C6;
	position : absolute;
	top: 100px;
	width: 245px;
	z-index:2;
}

#boxTravellers {
	background-color : #BFD6E6;
	border: 1px solid #9FB6C6;
	position : absolute;
	left : 275px;
	top: 100px;
	width:245px;
	z-index:3;
}

Grejjen är den att jag nu ska sätta in en includefil med en meny högst upp på vissa av sidorna. Därför behöver jag göra om min divar som jag har till relativa, så att de baseras på vad som redan ligger på sidan. Jag vill alltså att om headern är 100 pixlar, så ska varje div ovan ned 100 pixlar. Men om headern är 500, så måste de ju ner 500 osv...

Jag lyckas inte göra detta själv, nån som kan trolla lite? :D

Medlem sedan feb. 2003774 inlägg
#2

Förstår inte riktigt... Varför inte bara ändra till position:relative; och ta bort left och top?

Medlem sedan juli 2001434 inlägg
#3

För att boxDate och boxTravellers ligger brevid varandra som det är nu, och det gör de inte om jag gör som du säger.

Medlem sedan feb. 2003774 inlägg
#4

Vad sägs om detta:

<div style="width:500px;">
	<div style="width:245px; border:1px solid #9FB6C6; float:left;">vänster</div>
	<div style="width:245px; border:1px solid #9FB6C6;">höger</div>
</div>
384 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
124 ms — deklarationer (db)
122 ms — hämta statistik (db)
133 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)