webForumDet fria alternativet

Positionering

HTML & CSS

8 svar · 350 visningar · startad av rikard81

Medlem sedan mars 2007311 inlägg
Frågan#1

Vad är det för fel på positionerna av dom här divboxarna? Jag kanske är petig men mittboxen sticker ut 1px åt höger av någon skum anledning?

body {background-color: red; }

#sida {
width: 800px;
height: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}

#sidhuvud {
background-color: gold;
width: 800px;
height: 150px;
border: black 1px solid;
}

#sidhuvud h1 {
margin: 0;
}

#innehallsforteckning {
background-color: yellow;
width: 200px;
height: 400px;
float: left;
border-right: black 1px solid;
border-left: black 1px solid;
}

#mittbox {
background-color: lightgreen;
width: 600px;
height: 400px;
overflow: auto;
float: right;
position: absolute;
}

#mittbox h2 {
margin-left: 40px;
}

#mittbox p {
margin-left: 40px;
}

#fot {
background-color: pink;
width: 800px;
height: 50px;
border: black 1px solid;
}

Medlem sedan juni 20019 519 inlägg
#2

1. Använd [kod] taggen.
2. Vilken webbläsare använder du?

Medlem sedan mars 2007311 inlägg
#3

Vart använder jag kod-taggen någonstans?

Jag använder IE7

Medlem sedan juni 20019 519 inlägg
#4

kod taggen använder du på koder css/html/asp osv...

Medlem sedan mars 2007311 inlägg
#5

Okey men vad kan felet ligga?

Medlem sedan juni 20019 519 inlägg
#6

Om du har en border så räknar IE som + width på din border.. vilket är fel..

Medlem sedan mars 2007311 inlägg
#7

men vad använder jag då istället för border??

Medlem sedan juni 20019 519 inlägg
#8

Du får ta -width*2 på din border istället på width i IE men inte i Firefox:

* body #sida { width:98px /* 100 med 1x pixel border */}
Medlem sedan dec. 20042 245 inlägg
#9

Den där regeln appliceras nog också i Firefox.

257 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)