IE 8 hugger av delar av hemsidan

Permalänk
Medlem

IE 8 hugger av delar av hemsidan

Hej,

Har gjort en väldigt enkel och oavancerad hemsida till en bekant. Jag är verkligen ingen expert på html eller andra kodspråk, men jag har sökt efter felet som jag ska beskriva men kan ej finna något svar.

När jag läser in hemsidan i IE 8.0 hugger webbläsaren av nedre delen av sidan. Detta gäller alla olika sidor på hemsidan. Se bilden. Avhuggningen gäller både bilder och text.

Funkar perfekt i Chrome och FF.

Någon som vet vad som är fel i koden?

Tack på förhand!

/Martin

Visa signatur

//Martin - Asus N53JG

Permalänk
Inaktiv

Du måste posta lite kod annars blir det svårt...

Testa overflow: hidden; på din container om du har floatade element i den.

Permalänk
99:e percentilen

Så fruktansvärt typiskt Internet Exploder.

Det skulle vara bra om du kunde posta [den väsentliga] koden, som havsmonstret sa.

Visa signatur

Skrivet med hjälp av Better SweClockers

Permalänk
Medlem
Skrivet av Alling:

Så fruktansvärt typiskt Internet Exploder.

Det skulle vara bra om du kunde posta [den väsentliga] koden, som havsmonstret sa.

Jo, det kan underlätta. Missade det i all stress. Som sagt, ingen vacker kod men här kommer den:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title> AB</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="layout.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen">
<link rel="shortcut icon" href="http://www..se/beta/favicon.ico">

<style type="text/css">
.style7 {
font-family: Verdana;
}
.style10 {
text-align: center;
}
.style13 {
border-width: 0;
text-align: left;
}
.rund1 {margin: 0 5 15px 0; background: none;}
.rundtopp1 {background: transparent;}
.rund2_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #E4E6C8; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-width: 0 2px;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #E4E6C8; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.rund2_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #E4E6C8; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}

.rundbotten1 {background: transparent;}
.rund2 {margin: 0 0 15px 0; background: none;}
.rundtopp2 {background: transparent;}
.style22 {
font-family: Calibri;
font-size: small;
}
.style38 {
font-size: 8pt;
}
td
{border-style: none;
border-color: inherit;
border-width: medium;
padding-top:1.0px;
padding-right:1.0px;
padding-left:1.0px;
color:windowtext;
font-size:18.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Arial;
text-align:general;
vertical-align:bottom;
}
.style39 {
font-family: Calibri;
font-size: small;
text-align: right;
}
.style40 {
color: #000000;
}
.style41 {
font-family: Verdana;
font-size: 11px;
}
</style>
</head>
<body style="background-image: url('bilder/bakgrund6.jpg')">
<div id="layout" style="width: 834px">
<div id="sidhuvud">
<h1 style="height: 75px" class="style10">         <a href="index.html">
<img alt="" src="bilder/.png" width="317" height="110" class="style13"></a></h1>
</div>
<div id="menycontainer">
<ul id="meny">
<li></li>
<li></li>
<li></li>
<li>                                       
<a target="_self" href="index.html">Start</a></li>
<li><a target="_self" href="produkter.htm">Produkter</a></li>
<li><a target="_self" href="lankar.htm">Länkar</a></li>
<li><a id="current" target="_self" href="om_oss.htm">Om oss</a></li>
<li><a target="_self" href="kontakt.htm">Kontakt</a></li>
</ul>
</div>

<div id="kolumncontainer" style="width: 832px; height: 642px;">
<div id="kolumn2" style="width: 813px; height: 489px;">
<br>
<h4 style="width: 801px; height: 23px;"> Kort om
AB</h4>

<p>AB drivs av son sedan 2007.
Vi har under många år i privat regi bedrivit lantbruk och haft ansvar för större
spannmålsanläggning med bland annat utbyggnad av lagringskapacitet på 15 000 ton
och ökning av torkkapacitet på 80 ton/h. Tack vare praktiska erfarenheter har vi
förmågan att tillsammans med kunden få till optimala lösningar för torkning,
lagring och förädling av spannmål.</p>
<p>  </p>
<h4 style="width: 801px; height: 23px;"> Tidigare kunder </h4>

<p class="style40"> </p>
<table style="width: 100%">
<tr>
<td class="style41">Börringe Kloster AB (Svedala, Skåne)<br>
Charlottenlunds Gods (Ystad, Skåne)<br>
Flistad Skattegård (Vreta Kloster, Östergötland)<br>
Gisslebyn Långsrud (Värmland)<br>
Hemmungs Hablingbo (Gotland)<br>
Jennyhills Gård (Ystad)</td>
<td class="style41">Lilla Rödde (Blentarp, Skåne)<br>
Maglebergs Gård (Lövestad, Skåne)<br>
Solby Gård (Eskilstuna)<br>
Store Gården Häggesled (Västergötland)<br>
Värnanäs Gods (Kalmar)<br>
Åsens Säteri (Nossebro, Västergötland)</td>
</tr>
</table>
<p class="style40"> </p>
<p class="style40">Tacksamma hälsningar<em>,<br>
Torgil & Anders</em></p>
<p>   </p>

<p><img alt="" src="bilder/om_oss.jpg" width="800" height="190"></p>

</div>
</div>
<table style="width: 100%; height: 19px" class="style22">
<tr>
<td class="style38">AB <span class="style7">| Böste Strandväg 10 | 231
92 Trelleborg | 0709 15 67 01</span></td>
<td class="style39">Layout av
<a target="_blank" href="http://">MRA
Design</a> 2011</td>
</tr>
</table>

</div>
</body>
</html>

Visa signatur

//Martin - Asus N53JG

Permalänk
Medlem

CSS scriptet ser ut som nedan:

/* meny */

#menycontainer{ padding: 25px 0 0 1em; border-bottom: 1px solid black; background: transparent;}
#menycontainer ul{padding: 0.4em 0; margin: 0; font: 100% Verdana, Helvetica, sans-serif;}
#menycontainer li{margin: 0; padding: 0; display: inline; list-style: none;}
#menycontainer li a{text-decoration: none; padding: 0.4em 2em; margin-left: 1em; border: 0px solid darkgreen; border-bottom: none; background: white;}
#menycontainer a:link{color: #000000; background: transparent}
#meny a:visited{color: #000000; background: transparent}
#meny a:hover{background: #E6E6E6; }
#meny a#current{background: #ffffff; border: 1px solid #000000; border-bottom: 1px solid #ffffff; color: #000000;}

body {padding: 2em;
font: 0.7em Verdana, sans-serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: white;
background: url('bilder/bakgrund6.jpg');
background-attachment: fixed; }

h1 {margin: 0 0 5px 0; font-size: 2.5em; color: #647251; letter-spacing: 0.2em;}
h2 {margin: 0 0 0.5em 0; font-size: 2.5em;}
h3 {margin: 10px 0 5px 0; font-size: 1.5em; font-weight: normal; letter-spacing: 0.1em;}
h4 {margin: 5px 0; font-size: 1em; color: #333333; background: #E4E6C8;}
p {margin: 0 0 5px 0;}

a{border-bottom: 0px dotted #000000; text-decoration: none;}
a:link{color: #000000;}
a:visited{ color: #111111;}
a:hover{text-decoration: underline;}

/* sidlayout */
#layout {width: 832px; margin-right: auto; margin-left: auto; margin-top:1px; color:black;}
#sidhuvud {width: 814px; height: 110px; padding: 10px; margin: 0; border: 1px solid #000000; background: url('bilder/header165.jpg');}
#kolumncontainer{float: left; background:white; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom:1px solid #000000 }
#kolumn1 {float: left; width: 200px; padding: 0px; background: white; }
#kolumn2 {float: left; width: 478px; padding-left: 15px; padding-right: 0px; background: #ffffff; opacity: 1.0; filter: alpha(opacity=100); line-height: 1.8em;}
#sidfot {a:hover{text-decoration: none; clear: both; padding: 10px; background: white; opacity: 0.0; font-size:x-small; color:black; margin-top:1px; color:black}
#opacitybox{float: left; margin: 0; padding: 0px; background: transparent; opacity: 1.0; filter: alpha(opacity=100); line-height: 1.8em;}

/* Sidhuvud och sidfot (hf) runda horn */
.rundhf {background: transparent;}
.rundtopph {background: transparent;}
.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: white;}
.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: white;}
.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: white;}
.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: white;}

Visa signatur

//Martin - Asus N53JG

Permalänk
Inaktiv

Dina divar kolumncontainer och kolumn2 har en satt höjd, det är det som jag ser som en grundläggande faktor. Men tog inte en så noga titt, svårt att sätta sig in i koden.
Och nej, det var verkligen inte någon grann kod... Man undrar ju lite vem som fick den briljanta idén att skriva det här:

<li></li> <li></li> <li></li> <li>                                        <a target="_self" href="index.html">Start</a></li>

Sätt din kod inom [ code ][ /code ] nästa gång också (utan mellanslagen såklart).

Permalänk
Medlem
Skrivet av anon150287:

Dina divar kolumncontainer och kolumn2 har en satt höjd, det är det som jag ser som en grundläggande faktor. Men tog inte en så noga titt, svårt att sätta sig in i koden.
Och nej, det var verkligen inte någon grann kod... Man undrar ju lite vem som fick den briljanta idén att skriva det här:

<li></li> <li></li> <li></li> <li>                                        <a target="_self" href="index.html">Start</a></li>

Sätt din kod inom [ code ][ /code ] nästa gång också (utan mellanslagen såklart).

Visste inte det med [ code ] taggarna. Ska kolla på höjden på divar kolumncontainer och kolumn2 och se om jag kan hitta något.

Tack!

Visa signatur

//Martin - Asus N53JG