Ich hab mal wieder IE6 Darstellungsprobleme. In allen anderen Browser läufts wie immer perfekt.
Die Navigation rutscht oben ca. 10 pxl nach unten und die beiden rechten Kästen rutschen komplett nach unten.
HTML-Code:
CSS-Code:
Danke im voraus!
Die Navigation rutscht oben ca. 10 pxl nach unten und die beiden rechten Kästen rutschen komplett nach unten.
HTML-Code:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Violet´s Peapod</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<div id="mininav"><a href="index.php?a=faqs" class="link-copyright">FAQ</a> | <a href="index.php?a=contact" class="link-copyright">Contact Us</a><span class="link-copyright"> | </span> <a href="index.php?a=privacypolicy" class="link-copyright">Privacy Policy</a></div>
<div id="navigation"><a href="index.php?a=welcome" class="link-navigation">Welcome</a> <span class="link-navigation">|</span> <a href="index.php?a=shoppe" class="link-navigation">Violet´s Shop</a> <span class="link-navigation">|</span> <a href="index.php?a=tale" class="link-navigation">Story of Violet’s Peapod</a> <span class="link-navigation">|</span> <a href="index.php?a=sleepingsafe" class="link-navigation">Sleeping Safely</a> <span class="link-navigation">|</span> <a href="index.php?a=customerservice" class="link-navigation">Customer Service</a></div>
</div>
<div id="banner2" ><img src="images/header_pic.jpg" alt="simply adorable baby sleep sacks" /></div>
<div id="banner3" ><?
switch($a){
case "welcome":
include ("header/header_start.php");
break;
case "shoppe":
include ("header/header_shoppe.php");
break;
case "tale":
include ("header/header_tale.php");
break;
case "sleepingsafe":
include ("header/header_sleepingsafe.php");
break;
case "customerservice":
include ("header/header_customerservice.php");
break;
case "faqs":
include ("header/header_faqs.php");
break;
case "privacypolice":
include ("header/header_privacypolice.php");
break;
case "contact":
include ("header/header_contact.php");
break;
default:
include ("header/header_start.php");
}
?></div>
<div id="left">
<?
switch($a){
case "welcome":
include ("welcome.php");
break;
case "shoppe":
include ("shoppe.php");
break;
case "tale":
include ("tale.php");
break;
case "sleepingsafe":
include ("sleepingsafe.php");
break;
case "customerservice":
include ("customerservice.php");
break;
case "faqs":
include ("faqs.php");
break;
case "privacypolicy":
include ("privacypolice.php");
break;
case "contact":
include ("contact.php");
break;
default:
include ("welcome.php");
}
?>
</div>
<div id="content"><a href="index.php?a=sleepingsafe"><img src="images/box_sleeptingsafe.gif" alt="Sleeping Safety" border="0" align="top" /></a><br />
<a href="index.php?a=shoppe"><img src="images/box_shoppe.gif" alt="Violet´s Shop" border="0" align="top" /></a></div>
<div class="text-copyright" id="footer">©" <img src="images/transparent.gif" width="286" height="15" border="0" usemap="#Map" /></div>
</div>
<map name="Map" id="Map">
<area shape="rect" coords="267,3,281,15" href="#" alt="on top" />
</body>
</html>
CSS-Code:
Code:
body {
background-color: #EBF1C0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
color:#452E47;
padding:0px;
margin:0px;
}
/* ----------container zentriert das layout-------------- */
#container {
width: 780px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}
/* ----------banner for logo-------------- */
#banner {
padding: 0px;
margin: 0px;
background-image: url(images/header.gif);
height: 112px;
}
/* ----------banner for kopfgrafik-------------- */
#banner2 {
padding: 0px;
margin: 0px;
}
/* ----------banner headline-------------- */
#banner3 {
padding: 0px;
margin: 0px;
}
/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 495px;
}
div#content {
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
}
/* --------------left------------- */
#left {
float: left;
width: 450px;
margin: 0px;
padding-top: 25px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 18px;
background-image: url(images/content_bg.gif);
}
/* -----------footer--------------------------- */
#footer {
clear: both;
text-align: left;
height: 38px;
background-image: url(images/footer.gif);
padding-left: 15px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
}
/* -----------texte--------------------------- */
.text-copyright {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #AC82AE;
text-decoration: none;
font-size: 11px;
}
.link-copyright {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #6C486F;
text-decoration: none;
font-size: 11px;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
#mininav {
clear: both;
text-align: right;
height: 0px;
padding-left: 0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0px;
}
#navigation {
clear: both;
text-align: right;
height: 0px;
padding-left: 0px;
padding-top: 83px;
padding-right: 10px;
padding-bottom: 0px;
}
.link-navigation {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #452E47;
text-decoration: none;
font-size: 12px;
}
.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #5C3D5F;
}
.text-headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color: #805584;
font-weight: bold;
}
Danke im voraus!