Probleme mit dem Layout!
Verfasst: Mi 28. Mär 2007, 21:57
Vielleicht kann mal bitte jemand schauen unter www.???.de dort hab ich das Problem, dass die Seite auf dem Fire Fox richtig erscheint aber mit dem Internet Explorer verzogen erscheint. Es liegt irgendwo am Quellcode und ich finde nicht wo!?!
Hier mal der Quellcode vom Layout:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
<!--[if IE]>
<style>
#imagecolumn {
width:170px;
}
#logo {
margin-top:0;
}
#navipath {
padding-top:2px;
}
.balken {
background-position:0px 0px ;
}
#additionalnavi {
padding-top:2px;
}
</style>
<![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>
</head>
<body>
<div id="outer">
<div id="header">
<div id="logo">
<table width="780" height="100" border="0" cellspacing="0" cellpadding="0" background="upload/logos/didi_c3p.jpg">
<tr><td> </td></tr>
</table>
</div>
</div>
<div id="innerwrap">
<div id="centrecontent">
<div id="navipath">
<container id="60" name="Navigationspfad" types="Navigation" mode="fixed" default="Navigationspfad">Navigationspfad</container>
</div>
<container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
<container id="12" name="Text" types="Content" default="">Content 1</container>
<container id="15" name="Text" types="Content" default="">Content 2</container>
<container id="22" name="Text" types="Content" default="">Content 3</container>
<container id="24" name="Text" types="Content" default="">Content 4</container>
<container id="26" name="Text" types="Content" default="">Content 5</container>
<container id="28" name="Text" types="Content" default="">Content 6</container>
<br/><br/>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gif" width="1" height="1" border="0" alt="" title=""/></td></tr></table>
<div id="bottomnavi">
<container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container>
</div>
</div>
<div id="left"> <div class="HauptNav">
<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
<container id="44" name="Suche" types="Navigation" default="">Suche</container>
<container id="48" name="Login" types="Navigation" default="">Login</container>
<container id="49" name="Newsletter" types="Navigation" default="">Newsletter</container> </div></div>
</div>
<div id="clearfooter"></div>
</div>
</body>
</html>
vielleicht kann mir jemand einen Tip geben wie ich das für alle Browser sichtbar mache, dass die Seite genau in der Mitte ist und außen jeweils alles weiß erscheint!
Danke!
Hier mal der Quellcode vom Layout:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
<!--[if IE]>
<style>
#imagecolumn {
width:170px;
}
#logo {
margin-top:0;
}
#navipath {
padding-top:2px;
}
.balken {
background-position:0px 0px ;
}
#additionalnavi {
padding-top:2px;
}
</style>
<![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>
</head>
<body>
<div id="outer">
<div id="header">
<div id="logo">
<table width="780" height="100" border="0" cellspacing="0" cellpadding="0" background="upload/logos/didi_c3p.jpg">
<tr><td> </td></tr>
</table>
</div>
</div>
<div id="innerwrap">
<div id="centrecontent">
<div id="navipath">
<container id="60" name="Navigationspfad" types="Navigation" mode="fixed" default="Navigationspfad">Navigationspfad</container>
</div>
<container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
<container id="12" name="Text" types="Content" default="">Content 1</container>
<container id="15" name="Text" types="Content" default="">Content 2</container>
<container id="22" name="Text" types="Content" default="">Content 3</container>
<container id="24" name="Text" types="Content" default="">Content 4</container>
<container id="26" name="Text" types="Content" default="">Content 5</container>
<container id="28" name="Text" types="Content" default="">Content 6</container>
<br/><br/>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gif" width="1" height="1" border="0" alt="" title=""/></td></tr></table>
<div id="bottomnavi">
<container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container>
</div>
</div>
<div id="left"> <div class="HauptNav">
<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
<container id="44" name="Suche" types="Navigation" default="">Suche</container>
<container id="48" name="Login" types="Navigation" default="">Login</container>
<container id="49" name="Newsletter" types="Navigation" default="">Newsletter</container> </div></div>
</div>
<div id="clearfooter"></div>
</div>
</body>
</html>
vielleicht kann mir jemand einen Tip geben wie ich das für alle Browser sichtbar mache, dass die Seite genau in der Mitte ist und außen jeweils alles weiß erscheint!
Danke!
? Hast Du mir bitte eine Lösung, weil mit dem obigen kann ich leider nicht viel anfangen.