3 svar · 222 visningar · startad av Tjock-Erik
Jag har ett problem som bara uppstår i IE. När jag går in på sidan laddas inte hela bakrunden fram. Den stannar en bit efter att innehållet på sidan tar slut. Om jag klickar på en länk eller laddar om så blir det rätt. Jag använder div / CSS för uppbyggnad. Vet någon hur detta kan lösas?
Kod brukar vara till bra hjälp...
HTML:
<body>
<div id="huvud">
<div class="v">|</div>
<div class="c"><a href="/webbdesign/"><img src="/webbdesign/bilder/logotyp.gif" alt="apa512.com / webbdesign" border="0" class="logotyp" /></a></div>
<div class="h"><img src="/webbdesign/bilder/huvud_h-kant.gif" /></div>
</div>
<div id="ytterkant">
<div id="innerkant">
<div id="meny">
<ul>
<li <?php if($id == "") echo " class=\"aktiv\""; ?>><a href="/webbdesign/">startsidan</a></li>
<li <?php if($id == "tjanster") echo " class=\"aktiv\""; ?>><a href="/webbdesign/tjanster/">tjänster</a></li>
<li <?php if($id == "priser") echo " class=\"aktiv\""; ?>><a href="/webbdesign/priser/">priser</a></li>
<li <?php if($id == "omoss") echo " class=\"aktiv\""; ?>><a href="/webbdesign/omoss/">om oss</a></li>
<li <?php if($id == "kontakt") echo " class=\"aktiv\""; ?>><a href="/webbdesign/kontakt/">kontakt</a></li>
<li <?php if($id == "tidigarejobb") echo " class=\"aktiv\""; ?>><a href="/webbdesign/tidigarejobb">tidigare jobb</a></li>
<li id="h" <?php if($id == "lankar") echo " class=\"aktiv\""; ?>><a href="/webbdesign/lankar/">länkar</a></li>
</ul>
</div>
<div id="id">hejsan</div>
<div id="fot"><a href="http://validator.w3.org/check?uri=http://www.apa512.com/webbdesign/">XHTML 1.0 Strict</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.apa512.com/webbdesign/style.css">CSS 2.0</a></div>
</div>
</div>
<div id="bottenkant">
<div class="kant"><img src="/webbdesign/bilder/bottenkant_v-kant.gif" /></div>
<div class="c"><img src="/webbdesign/bilder/bottenkant_bg.gif" /></div>
<div class="kant"><img src="/webbdesign/bilder/bottenkant_h-kant.gif" /></div>
</div>
</body>
CSS:
body {
padding: 0px;
margin: 0px;
background-color: #CDCBBC;
text-align: center;
padding-top: 25px;
padding-left: 2px;
font-size: medium;
font-family: "Trebuchet MS", Arial, Verdana;
}
a {
color: #C30;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#huvud, #ytterkant, #bottenkant {
margin-left: auto;
margin-right: auto;
}
#huvud {
width: 700px;
background-color: #375BB3;
}
#huvud .logotyp {
margin: 13px 13px 7px 13px;
}
#huvud .c {
width: 695px;
float: left;
text-align: left;
}
#huvud .v {
background-color: #375BB3;
width: 1px;
font-size: 1px;
color: #375BB3;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #CDCBBC;
float: left;
}
#huvud .h {
float: left;
}
#ytterkant {
width: 698px;
border-style: solid;
border-width: 0px 2px 0px 0px;
border-color: #B8B6A0;
}
#innerkant {
width: 694px;
border-style: solid;
border-width: 0px 2px 0px 2px;
border-color: #375BB3;
background-color: #FFF;
}
#meny {
height: 27px;
padding: 6px;
font-size: 13px;
font-weight: bold;
}
#meny ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#meny li {
padding: 4px 7px 4px 7px;
background-color: #F3F3F3;
float: left;
display: block;
border-style: solid;
border-width: 1px 1px 1px 0px;
border-color: #B5B5B5;
border-right-color: #DDD;
border-top-color: #E9E9E9;
}
#meny #h {
border-right-color: #C3C3C3;
}
#meny li.aktiv {
background-color: #FFF;
border-width: 1px 1px 0px 0px;
border-top-color: #F3F3F3;
border-right-color: #C3C3C3;
padding-top: 4px;
padding-bottom: 5px;
}
#meny li.aktiv a {
color: #000;
}
#id {
text-align: left;
padding: 12px;
}
#fot {
padding: 6px;
background-color: #FBFBEE;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #DDD;
font-weight: bold;
font-size: x-small;
text-align: right;
}
#bottenkant {
width: 700px;
background-color: #375BB3;
}
#bottenkant .kant {
float: left;
}
#bottenkant .c {
width: 693px;
height: 4px;
float: left;
font-size: 1px;
color: #375BB3;
background-image: url(bilder/bottenkant_bg.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}
Jag har stött på samma fel tidigare. Då lyckades jag lösa det, men utan att veta hur.
Använd [kod]-taggar. 
