DominikAT: IE Tableproblem

Beitrag lesen

SELF-Forum

IE Tableproblem

DominikAT Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo liebes Forum.. bisher hab ich mir eigentlich immer selbst aus der Patsche helfen können, aber ich scheitere gerade am lieben IE...

Ich hab eine kleine Page gebaut, basierend auf Tables. Opera und Fox stellen das ganze auch richtig dar, aber im IE werden drei der Tables schlicht falsch dargestellt.
Ich hab mir schon den Code 10x durchgelesen, aber komm nicht dahinter...
Wahrscheinlich habe ich nur iwo vergessen einen Tag zu schließen, und überlese das ganze dauernd...

die page steht als Preview online: http://preview.xcross.at/planetenweg/

<< Ich weis, kein validate... aber es müssen unbedingt im IE farbige Scrollbars sein... ( :-( ) >>

<b>und hier die sources: </b>

php/html:

  
<head>  
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />  
<link href="style.css" rel="stylesheet" type="text/css" />  
  
<title>AllWissen - Kinderplanetenweg Lichtenberg</title>  
</head>  
<body>  
<div align="center">  
<table id="maintable" cellpadding="0" cellspacing="0">  
	<tr>  
		<td id="logo" rowspan="2"></td>  
		<td id="top">  
			<div id="top_menu">  
				<a class="tm" href="index.php?site=home">Startseite</a>  
				<a class="tm" href="index.php?site=links">Links</a>  
				<a class="tm" href="index.php?site=impressum">Impressum</a>  
				<a class="tm" href="index.php?site=kontakt">Kontakt</a>  
			</div>  
		</td>  
		<td id="logo_right" rowspan="4"></td>  
	</tr>  
	<tr>  
		<td id="content" rowspan="2">  
			<div id="content_div">  
				<?  
				if($_GET[site]==""){  
					include("content/home.htm");  
				}else{  
					@include("content/" . $_GET[site] . ".htm");  
				}  
				?>  
			</div>  
		</td>  
	</tr>  
	<tr>  
		<td id="wetter">  
			<div id="wetter_div">wetter-plugin</div>  
		</td>  
	</tr>  
	<tr>  
		<td id="menu_td" colspan="2">  
			<table id="menu" cellpadding="0" cellspacing="0">  
				<tr>  
					<td id="menu_left"></td>  
					<td id="menu_planetenweg"><a href="index.php?site=planetenweg"><img src="img/m_planetenweg.jpg"</a></td>  
					<td id="menu_planeten"><a href="index.php?site=planeten"><img src="img/m_planeten.jpg"</a></td>  
					<td id="menu_anfahrt"><a href="index.php?site=anfahrt"><img src="img/m_anfahrt.jpg"</a></td>  
					<td id="menu_right"></td>  
				</tr>  
			</table>  
		</td>  
	</tr>  
</table>  
	<p class="line">.........................................................................................................................................................................................................</p>  
	<div id="footer_div">		<table id="footer" cellpadding="0" cellspacing="0">  
			<tr>  
			<td id="f_left"><a class="ft" href="http://www.xcross.at/design" target="_blank">designed by design.xcross</a><span style="color: #dadada;"> in Kooperation mit </span><a target="_blank" class="ft" href="http://www.hblalentia.at/">HBLA Lentia</a></td>  
			<td id="f_right"><a class= "ft" href="http://www.lichtenberg.ooe.gv.at/system/web/default.aspx" target="_blank">&copy; 2009 Gemeinde Lichtenberg</a></td></tr>  
		</table>	</div>  
</div>  
</body>  
</html>

CSS:

  
/*---------------------------------------------  
Standards  
---------------------------------------------*/  
body{  
background-color: white;  
background-image: url(img/bg.jpg);  
scrollbar-arrow-color: #800023;  
scrollbarBaseColor: #fbfbfb;  
scrollbar-track-color: #fbfbfb;  
scrollbar-face-color: #fbfbfb;  
scrollbar-highlight-color: #fbfbfb;  
scrollbar-3dlight-color: #fbfbfb;  
scrollbar-darkshadow-color: #fbfbfb;  
scrollbar-shadow-color: #fbfbfb;  
}  
  
table,img,td,div,form,button,select,input,textarea,h4,h5,h6,cite,quote,u,i {  
  font-family: Verdana;  
  font-size: 10px;  
  line-height: 130%;  
  color: #6a6b6c;  
  margin: 0px;  
  padding: 0px;  
  border: none;  
}  
  
p,a{  
  font-family: Verdana;  
  font-size: 10px;  
  line-height: 130%;  
  color: #6a6b6c;  
  text-align: justify;  
}  
  
a:link,a:visited,a:active {  
  color: #6db63d;  
  font-weight: bold;  
  text-decoration: none;  
}  
a:hover {  
  color: #e21d24;  
  text-decoration: none;  
  font-weight: bold;  
}  
  
  
/*---------------------------------------------  
grundaufbau  
---------------------------------------------*/  
  
#maintable{  
	width: 900px;  
	height: 556px;  
}  
  
#logo{  
	width: 250px;  
	height: 270px;  
	background-image: url(img/logo.jpg);  
	background-color: red;  
}  
  
#top{  
	width: 570px;  
	height: 41px;  
	background-image: url(img/top.jpg);  
	text-align: right;  
	vertical-align: top;  
	background-color: blue;  
}  
  
#logo_right{  
	width: 80px;	  
	height: 556px;  
	background-image: url(img/logo_right.jpg);  
	background-color: lightblue;  
}  
  
#content{  
	background-color: white;  
	overflow: auto;  
	height: 389px;  
	width:570px;  
	vertical-align: top;  
	text-align: left;  
	background-color: black;  
}  
  
#content_div{  
	background: transparent;  
	overflow: auto;  
	height: 389px;  
	width:570px;  
	vertical-align: top;  
	text-align: left;  
}  
  
#wetter{  
	height: 160px;	width: 250px;  
	background-image: url(img/wetter_bg.jpg);  
	background-color: gray;  
  
}  
  
#wetter_div{  
	background: transparent;  
	overflow: none;  
	margin-left: 56px;  
	margin-right: 22px;  
}  
  
#menu_td{  
	height: 126px;	  
	width: 820px;  
	background-color: orange;  
}  
#footer{  
	width: 800px;  
	text-align: center;  
	background-color: green;  
}  
  
#f_left{  
	width: 65%;  
	text-align: left;	padding-top: -5;  
}  
  
#f_right{  
	width: 35%;  
	text-align: right;	padding-top: -5;  
}#footer_div{	margin-top: -10; }  
  
/*---------------------------------------------  
menu  
---------------------------------------------*/  
#menu{  
	height: 100%;  
	width: 100%;  
}  
  
#menu_left{  
	width: 56px;  
	background: url(img/m_left.jpg);  
}  
  
#menu_planetenweg{  
	width: 194px;  
}  
  
#menu_planeten{  
	width: 157px;  
}  
  
#menu_anfahrt{  
	width: 177px;  
}  
  
#menu_right{  
	width: 236px;  
	background-image: url(img/m_right.jpg);  
}  
  
/*---------------------------------------------  
topmenu  
---------------------------------------------*/  
#top_menu{  
	background: transparent;  
	text-align: right;  
	padding-right: 40px;  
	padding-top: 0px;  
	font-size: 11px;  
	font-weight: bolder;  
	color: #dadada;  
}  
a.tm:link,a.tm:visited,a.tm:active {  
  color: #dadada;  
  text-decoration: none;  
  padding-left: 5px;  
  padding-right: 5px;  
}  
a.tm:hover {  
  color: darkgray;  
  text-decoration: none;  
}  
/*---------------------------------------------  
footer  
---------------------------------------------*/  
  
a.ft:link,a.ft:visited,a.ft:active {  
  color: #dadada;  text-decoration: none;  
 }  
  
a.ft:hover {  
	color: darkgray;  text-decoration: none;  
}  
  
 /*---------------------------------------------  
 site_links  
 ---------------------------------------------*/  
 a.li:link,a.li:visited,a.li:active {  
	color: darkgray;  text-decoration: none;  
}  
  
a.li:hover {  
	color: #e21d24;  text-decoration: none;  
}  
  
/*---------------------------------------------  
content style  
---------------------------------------------*/  
  
h1{  
	padding-left: 5px;  
	font-size: 16px;  
	font-weight: bold;  
	color: #e21d24;  
	text-decoration: none;  
}h2{	padding-left: 5px;	font-size: 12px;	font-weight: bold;	color: #e21d24;	text-decoration: none;	line-height: 130%;	}  
  
.hl{  
	color: #e21d24;  
}  
  
.line{  
	color: #dadada;  
	text-align:center;  
}

währ fein, wenn mir da einer Helfen könnte.

Beitrag melden
–
Informationen zu den Bewertungsregeln