Probleme mit Seitendarstellung im IE

[knox87]

Hey hab ein Problem es handelt sich um den Content dass die Breite nicht stimmt und wenn ich auf andere Menupunkte gehe wird es noch breiter und im FF nicht

hier mal der css code und die Seite würde mich freuen wenn mir wer helfen kann

html {background: #004b85;}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin: 0px;
padding: 0px;
}
.top {
background: url('img/top.jpg');
background-repeat: no-repeat;
height: 24px;
width: 770px;
vertical-align: top;
}
.top2 {
background: url('img/top2.jpg');
background-repeat: no-repeat;
height: 29px;
width: 770px;
text-align: center;
}
.pic {
background: url('img/foto.jpg');
background-repeat: no-repeat;
height: 110px;
width: 770px;
vertical-align: top;
}
.foot {
background: url('img/foot.jpg');
background-repeat: no-repeat;
height: 28px;
width: 770px;
vertical-align: top;
color: #ffffff;
font-size: 10px;
padding-top: 0px;
}
a:link, a:visited{
color: #0A0A0A;
text-decoration: none;
font-weight: bold;
}
a:focus, a:hover, a:active{
color: #004b85;
text-decoration: none;
font-weight: bold;
}
option, input, select, file , radio{
font-family: Arial;
font-size: 8pt;
color: #000;
background-color: #fff;
border: 1px solid #000000;
padding: 0px;
}
.search_box {
text-align: left;
clear: right;
width: 700px;
height: 19px;
}
.loginmaske {
font-size: 10px;
text-align: center;
vertical-align: middle;
height:28px;
}

#mynews a { font-size:80%;}
#mynews strong {
font-size:90%;
color: #004b85;
border-left: 10px solid #9a1100;
padding-left: 3px;
margin-left: 10px;
}
#mynews table {
-moz-border-radius: 5px;
border: 1px solid #B0B0B0;
padding: 5px 20px 10px 10px;
}
#sponsor strong {
font-size:90%;
color: #004b85;
border-left: 10px solid darkred;
padding-left: 3px;
margin-left: 10px;
}
#sponsor table {
-moz-border-radius: 5px;
border: 1px solid #B0B0B0;
padding: 5px 20px 10px 10px;
}
.content {
vertical-align: top;
height: auto;
width: 630px;
background-color: #cecece;
overflow: hidden;
}
/* MENU*/
.menu {
vertical-align: top;
text-align: left;
border-right: 1px solid #000;
width: 130px;
background-color: #cecece;
}
.menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
.menu li { margin: 0px;}

.menu a
{
color: #000;
display: block;
text-decoration: none;
width: 130px;
height: 16px;
background: url("img/link.jpg");
background-position:center;
text-indent: 10px;
padding-top: 3px;
border-bottom: 1px solid #B0B0B0;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-size: 90%;
}

.menu a:hover
{
background: url("img/hover.jpg");
text-decoration: none;
background-position:center;
}
.menu ul ul li { margin: 0px;}

.menu ul ul a
{
color: darkblue;
display: block;
text-decoration: none;
width: 130px;
height: 15px;
background: url("img/sublink.jpg");
background-position:center;
text-indent: 15px;
padding-top: 3px;
border-bottom: 1px solid #B0B0B0;
font-family:arial,helvetica,sans-serif;
font-size:11px;
font-size: 90%;
}

.menu ul ul a:hover
{
background: url("img/hover2.jpg");
text-decoration: none;
background-position:center;
}

.menu ul ul ul li { margin: 0px;}

.menu ul ul ul a
{
color: darkred;
display: block;
text-decoration: none;
width: 130px;
height: 16px;
background: url("img/sublink.jpg");
background-position:center;
text-indent: 20px;
padding-top: 3px;
border-bottom: 1px solid #B0B0B0;
font-family:arial,helvetica,sans-serif;
font-size:11px;
font-size: 90%;
}

.menu ul ul ul a:hover
{
background: url("img/hover3.jpg");
text-decoration: none;
background-position:center;
}
/* Current page Customisations*/
.menu-current a {background: url('img/active.jpg'); color: #000;}
.menu-current a {font-weight: bold;}

 

[boba]

AW: Probleme mit Seitendarstellung im IE

Hallo

So auf dem ersten Blick, hast du nicht Probleme mit CSS sondern mit HTML-Tags. Ich hab mir kurz die Seite angeschaut. Bei den Menupunkten, wo es extrem in die Breite schlägt, ist die Tabelle nicht vollständig.

Deine letzte Zeile ist
<td class="content">Kein aktiver Inhalt auf dieser Seite vorhanden

Hier fehlen alle abschlissende Tags, wie (</td></tr></table></body></html>).
IE ist gegen solchen Fehlern wenig tollerant.

Gruss

 

[knox87]

AW: Probleme mit Seitendarstellung im IE

Habe es das Problem mit den abschliessenden tags jetzt beseitigt...

aber leider bekomme ich das es son bissl übersteht nicht weg

 

[Yazaa]

AW: Probleme mit Seitendarstellung im IE

Also unter Firefox sieht die Seite schon ziemlich gut aus, aber der IE macht ziemlich viele zicken.

Rechts oben hast du nen kleinen roten Balken im ".footer", und das onmouseover im Menu klappt im IE garnicht. Die Firefox Fehlerkonsole oder die IE Entwicklertools sind oft hilfreich bei solchen Problemen, schau dir die mal an. (Bei mir läuft IE8 Beta)

 

[boba]

AW: Probleme mit Seitendarstellung im IE

Ich die letzte Zeile, die mit dem <TR><TDclass=footercolSpan=2>, macht dir Probleme. Genau hier
<TD
style="BORDER-RIGHT: #0000001pxsolid; WIDTH: 20%; BACKGROUND-COLOR: #cecece"></TD>
<TDstyle="FONT-SIZE: 80%; BACKGROUND-COLOR: #cecece"align=middle
width=640>© TuS Obenstrohe 2008<BR>Optimiert für Mozialla

Ich habe die 130px durch 20% ersetzt und bei mir stimmt die Breite. Habe es aber im FF nicht angeschaut.

 

[knox87]

AW: Probleme mit Seitendarstellung im IE

Bei mir sieht es so im FF aus

und so im IE



das mit den Prozenten hat eher nich so viel gebracht..