Irriterende sprekk i Designet

xatic · 12. juni 2008

Heisann folkens.

Jeg jobber for tiden med en ny side men har er lite/irriterende problem. Dette gjelder både Firefox og IE (har ikke prøvd noe annet enda).

Designet (og feilen) ser du her. Noen som skjønner hvorfor bilde "hopper ned" ?

HTML Kode,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Brukernavn & Passord - Xatic Beta v0.2 </title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="container"> 

<div id="box"> 
<div id="top_box"> </div>
<div id="content_box"> </div>
<div id="bottom_box"> </div>
</div>

</div>

</body>
</html>

CSS Style,

* {
padding: 0px;
margin: 0px;
}

#container {
width: 100%;
height: 100%;
}

#container #box {
margin-left: auto;
margin-right: auto;
margin-top: 200px;
width: 395px;
height: auto;
}

#container #top_box {
background-image: url(images/top.jpg);
height: 8px;
width: auto;
}

#container #content_box {
background-image: url(images/middle.jpg);
height: 200px;
width: auto;
background-repeat: repeat-y;
}

#container #bottom_box {
background-image: url(images/bottom.jpg);
height: 8px;
width: auto;
}

Endret 12. juni 2008 av xatic

kavk · 12. juni 2008

prøv:

#container #content_box {
background-image: url(images/middle.jpg);
margin-top: -1px;
height: 200px;
width: auto;
background-repeat: repeat-y;
}

Endret 12. juni 2008 av kavk

xatic · 12. juni 2008

prøv:

#container #content_box {
background-image: url(images/middle.jpg);
margin-top: -1px;
height: 200px;
width: auto;
background-repeat: repeat-y;
}

Ja, dette gikk Hjertelig

Logg inn

Irriterende sprekk i Designet

Anbefalte innlegg

xatic

Lenke til kommentar

Videoannonse

kavk

Lenke til kommentar

xatic

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer