[CSS] Design zerspringt im IE unter einer gewissen Höhe

[dwdb]

Hallo,

ja, ich weiss, es sieht immer doof aus als erster Beitrag in einem Forum direkt ne Frage zu haben, aber hab von nem Freund den Tipp bekommen, dass ihr hier sehr kompetent seid.

Es geht um folgendes Design:

Spielekatalog.com - Spieleverzeichnis für PC-Spiele und Konsolenspiele

Dabei entsteht oben im IE immer so eine Lücke über/unter dem Werbebanner. Leider hab ich keine Ahnung wie ich die wegbekommen soll, hab schon einiges versucht, aber hat nichts geholfen.

Ist insgesamt auch ein sehr ekliger Code, soll halt nur funktionieren. (Und das tut es nicht )

Wäre echt super könnte jemand helfen.

MfG,

dwdb

 

[theHacker]

Tabellenlayout is nicht grade recht empfehlenswert, aber ok, das is was anderes

Zum Problem:
Soweit ich das in Erinnerung hab, stemmt die Schriftgröße eine Tabellenzelle.
Probier mal

td {
  font-size: 1pt;
}

für die betreffenden Zellen aus.

 

[dwdb]

Ja, ich weiss, der Code ist nix.

Habs versucht mit der Schriftgröße, hat leider nichts gebracht.

durch valign="top" konnte ich die lücke oben schliessen, nun ist sie unten noch größer.

 

[ActionScripter]

Ja, ich weiss, der Code ist nix.

Habs versucht mit der Schriftgröße, hat leider nichts gebracht.

durch valign="top" konnte ich die lücke oben schliessen, nun ist sie unten noch größer.

die ganze tabelle richtet sich nach dem skybanner rechts, dem eine absolute höhe zugeordnet ist (600px) ... der rest wird irgendwie auf die tabelle verteilt.

versuchs mal damit, dass du der inneren tabelle links height=1 mitgibst...

 

[dwdb]

die ganze tabelle richtet sich nach dem skybanner rechts, dem eine absolute höhe zugeordnet ist (600px) ... der rest wird irgendwie auf die tabelle verteilt.

versuchs mal damit, dass du der inneren tabelle links height=1 mitgibst...

Hm, ne, bringt nix.

Wer mir helfen kann meldet sich bitte mal per ICQ, wird auch entlohnt, ist halt dringend.

Zur Not halt kurz Gerüst neubauen, dürfte einen Könner ja nicht zuviel Zeit kosten...

 

[dwdb]

Hm, ne, bringt nix.

Wer mir helfen kann meldet sich bitte mal per ICQ, wird auch entlohnt, ist halt dringend.

Zur Not halt kurz Gerüst neubauen, dürfte einen Könner ja nicht zuviel Zeit kosten...

Ist echt super dringen, keiner hier der kurz Zeit hat?

 

[Crazy_EB]

-EDIT-
Ersetze einfach die style.css-Datei:

/* CSS Document */
body {
	background: #ECEBD8; 
	background-image: url(bg.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#4B4B4B;
	}
a:link, a:visited, a:active {
	text-decoration:underline; 
	color:#4B4B4B;
	}
a:hover {
	text-decoration:none;
	}
.table {
	width:890px;
	background: #FFF;
	border-left: 0px solid #FFF;
	border-right: 0px solid #FFF;
	height:100%;
	}
.table_tandem{
	width:728px;
	background: #FFF;
	border-left: 0px solid #FFF;
	height:510;
	}
.header {
	height:100px;
	background:#FCB702 url(bg.jpg);
	}
.header_tandem{
	height:89px;
	background:#F90;
	}
.head-tandem{
font-size: 1pt; 
height:90px;
}	
.menu{
	width:160px;
	Font-size:12Px;
	padding-top:8px;
	border-right: 0px solid #ECEBD8;
	
	}
.content {
	padding:8px;
	width:564px;
	font-size:12px;
	line-height:18px;	
	}
.sky {
	width:166px;
	border-left: 0px solid #ECEBD8;
	}
.footer{
	height:24px;
	font-size:12px;
	text-align:center;
	border-top:2px solid #4B4B4B;
	}
h2{
	font: 14px helvetica, arial, sans-serif; 
	color:#FFF;
	margin:0 0 0 10;
	font-weight:bold;
}
h3{
	font: 32px helvetica, arial, sans-serif; 
	color:#FFF;
	margin:0 0 0 10;
}
h4{
	font: 12px Verdana,Arial,Helvetica,sans-serif; 
	color:#F90;
	margin:0 0 3 0;
	font-weight:bold;
}
/* Menü */
#navcontainer { 
width: 160px;
}
#navcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin-top:0;
}
#navcontainer a{
display: block;
padding: 0px;
width: 150px;
background-color: #FFF;
border-bottom: 1px solid #ECEBD8;
}
#navcontainer a:link, #navlist a:visited{
color: #4B4B4B;
text-decoration: none;
}
#navcontainer a:hover{
background-color: #F90;
color: #FFF;
}
#navcontainer li a#current{
color: #f90;
}
ol {
font-weight:bold;
color:#F90;
padding:0px;
}

 

[dwdb]

Problem gefixed [erledigt]