Jeg sidder og er ved at opbygge mit design i CSS, men kan ikke få IE til at vise det ordentligt...
Den kaster min ene side ned på ny line, hvilket skyldes, efter hvad jeg har fundet frem til, at den tror, at der ikke er plads til billede... Hvis jeg fjerner 2 pixels så sidder den det rigtige sted, men så mangler der også lige 2 pixels
I kan se her hvad jeg mener:
Med de rigtige indstillingerMed de falskeHTML koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" media="all">
<title>Marc Boni Zacho</title>
</head>
<body>
<div id="mainframe">
<div id="menuline">
<div id="menu-space1"></div>
<a href="#" class="menu-forside"></a>
<div id="menu-space2"></div>
<a href="#" class="menu-blog"></a>
<div id="menu-space3"></div>
<a href="#" class="menu-omkring"></a>
<div id="menu-space4"></div>
<a href="#" class="menu-referencer"></a>
<div id="menu-space5"></div>
<a href="#" class="menu-gb"></a>
<div id="menu-space6"></div>
<a href="#" class="menu-links"></a>
<div id="menu-space7"></div>
<a href="#" class="menu-kontakt"></a>
</div>
<div id="banner">
</div>
<div id="topspace">
</div>
<div id="leftspace">
</div>
<div id="sidemenu">
hej
</div>
<div id="middlespace">
</div>
<div id="content">
</div>
<div id="rightspace">
</div>
<div id="bottom">
</div>
</div>
</body>
</html>
CSS koden:
body {
background-color:#114c77;
}
/* Layout starts here */
#mainframe {
position: absolute;
text-align: left;
left: 50%;
top:0px;
margin-left: -401px;
height: auto;
width: 800px;
background-color: white;
border: 1px solid black;
}
#menuline {
background-image:url("images/design_00.gif");
width:800px;
height:33px;
}
#banner {
background-image:url("images/design_16.gif");
width:800px;
height:141px;
}
#topspace {
background-image:url("images/design_17.gif");
width:800px;
height:23px;
}
#leftspace {
background-image:url("images/design_18.gif");
width:29px;
height:363px;
float:left;
}
#sidemenu {
background-image:url("images/design_19.gif");
width:178px;
height:363px;
float:left;
}
#middlespace {
background-image:url("images/design_20.gif");
width:17px;
height:363px;
float:left;
}
#content {
background-image:url("images/design_21.gif");
width:544px;
height:363px;
float:left;
}
#rightspace {
background-image:url("images/design_22.gif");
width:32px;
height:363px;
float:left;
}
#bottom {
background-image:url("images/design_23.gif");
width:800px;
height:40px;
float:left;
}
/* Layout ends here*/
/* Menu layout starts here */
#menu-space1 {
width:49px;
height:33px;
float:left;
}
#menu-space2{
width:12px;
height:33px;
float:left;
}
#menu-space3 {
width:12px;
height:33px;
float:left;
}
#menu-space4 {
width:12px;
height:33px;
float:left;
}
#menu-space5 {
width:12px;
height:33px;
float:left;
}
#menu-space6 {
width:12px;
height:33px;
float:left;
}
#menu-space7 {
width:12px;
height:33px;
float:left;
}
a.menu-forside {
background-image:url("images/design_02.gif");
width:39px;
height:33px;
border:0px;
display:block;
float:left;
}
a.menu-blog {
background-image:url("images/design_04.gif");
width:23px;
height:33px;
border:0px;
display:block;
float:left;
}
a.menu-omkring {
background-image:url("images/design_06.gif");
width:47px;
height:33px;
border:0px;
display:block;
float:left;
}
a.menu-referencer {
background-image:url("images/design_08.gif");
width:58px;
height:33px;
border:0px;
display:block;
float:left;
}
a.menu-gb {
background-image:url("images/design_10.gif");
width:54px;
height:33px;
border:0px;
display:block;
float:left;
}
a.menu-links {
background-image:url("images/design_12.gif");
width:27px;
height:33px;
border:0px;
display:block;
float:left;
}
a.menu-kontakt {
background-image:url("images/design_14.gif");
width:67px;
height:33px;
border:0px;
display:block;
float:left;
}
/* Menu layout ends here */Håber i kan hjælpe mig ?
Indlæg senest redigeret d. 20.06.2007 22:39 af Bruger #7826