• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bug im IE

Status
Für weitere Antworten geschlossen.
T

trillsicka

Neues Mitglied
Hiho,

also ich hab folgendes Problem. Ich hab ne Page mit div´s erstellt. Nun hab ich die mir mal unter Firefox und mal unter IE angeschaut. Biem IE gibts immer so komische Abstände zwishcne den div boxen. Ist glaub ein bekanntes Problem. Hab schon danach gegoogelt und alles mögliche ausprobiert. Aber nix hilft. Da ich nich mehr weiter weis, hab ich gehofft, dass ihr vielleicht was seht, was nich so ganz stimmt.

http://www.trillsicka.de/trillsicka/seamountain/index.php?action=contact

Erst mal meine CSS Datei und dann noch die Page dazu.

Code: 
body{
    padding : 40px;
    margin : 0px;
    text-align : center;
    background-color : #D56A00;
    }
#seite{
    text-align : left;
    vertical-align : middle;
    margin : 0px auto;
    padding : 0px;
    width : 700px;
    border : 1px dotted #FFFFFF;
    vertical-align : middle;
}
#banner{
   background-color : #89898F;
   z-index : 1;
}
#navigation{
   height : 33px;
   background-color : #C0C0C0;
   border-bottom : 1px dotted #FFFFFF;
   z-index : 2;
}
#home {
   position : absolute;
}
#me {
   position : absolute;
   margin-left : 91px;
   margin-top : 0px;
}
#pics {
   position : absolute;
   margin-left : 178px;
   margin-top : 0px;
}
#guestbook {
   position : absolute;
   margin-left : 274px;
   margin-top : 0px;
}
#links {
   position : absolute;
   margin-left : 451px;
   margin-top : 0px;
}
#contact {
   position : absolute;
   margin-left : 560px;
   margin-top : 0px;
}
#content{
   height : 400px;
   background-color : #89898F;
   z-index : 3;
}
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>SeaMountain</title>
  <link href="css/sheet.css" rel="stylesheet" type="text/css" />

</head>


<body>

<div id="seite">

    <div id="banner"><img src="gfx/top_1.jpg" width="700" height="151" border="0" alt=""></div>

    <div id="navigation">
       <div id="home"><a href="index.php?action=home"><img src="gfx/home.jpg" width="91" height="33" border="0" alt=""></a></div>
      <div id="me"><a href="index.php?action=me"><img src="gfx/me.jpg" width="87" height="33" border="0" alt=""></a></div>
      <div id="pics"><a href="index.php?action=pics"><img src="gfx/pics.jpg" width="96" height="33" border="0" alt=""></a></div>
      <div id="guestbook"><a href="index.php?action=guestbook"><img src="gfx/guestbook.jpg" width="177" height="33" border="0" alt=""></a></div>
      <div id="links"><a href="index.php?action=links"><img src="gfx/link.jpg" width="109" height="33" border="0" alt=""></a></div>
      <div id="contact"><a href="index.php?action=contact"><img src="gfx/contact.jpg" width="140" height="33" border="0" alt=""></a></div>
   </div>

    <div id="content"><?php
        switch($action){
        case "me": include("includes/me/me.inc.php"); break;
      case "pics": include("includes/pics/pics.inc.php"); break;
      case "guestbook": include("includes/guestbook/guestbook.inc.php"); break;
      case "links": include("includes/links/links.inc.php"); break;
      case "contact": include("includes/contact/contact.inc.php"); break;
      default: include("includes/home/home.inc.php"); break;
        }
    ?></div>

</div>

<br>

</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
probier mal bei der klasse #banner und #navigation padding:0px; margin:0px;

Ob wohl ich vermute das es wirklich am IE liegt und man das nicht wegbekommt
 
Habs probiert, leider ohne Erfolg :-(
Hab die Page mal W3C konform gestaltet.
Hat noch jemand eine Idee ?

body{
padding : 40px;
margin : 0px;
text-align : center;
background-color : #D56A00;
}
.pics
{
border:0;
}
#seite{
padding : 0px;
margin : 0px auto;
text-align : left;
width : 700px;
border : 1px dotted #FFFFFF;
vertical-align : middle;
}
#banner{
background-color : #89898F;
z-index : 1;
}
#navigation{
border : 0;
height : 33px;
background-color : #C0C0C0;
border-bottom : 1px dotted #FFFFFF;
z-index : 2;
}
#home {
position : absolute;
margin-top : 0px;
}
#me {
position : absolute;
margin-left : 91px;
margin-top : 0px;
}
#pics {
position : absolute;
margin-left : 178px;
margin-top : 0px;
}
#guestbook {
position : absolute;
margin-left : 274px;
margin-top : 0px;
}
#links {
position : absolute;
margin-left : 451px;
margin-top : 0px;
}
#contact {
position : absolute;
margin-left : 560px;
margin-top : 0px;
}
#content{
height : 400px;
background-color : #89898F;
z-index : 3;
}
Zum Vergrößern anklicken....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>SeaMountain</title>
<link href="css/sheet.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="seite">

<div id="banner">
<img src="gfx/top_1.jpg" width="700" height="151" alt="trillsicka.de" class="pics" />
</div>

<div id="navigation">
<div id="home"><a href="index.php?action=home"><img src="gfx/home.jpg" width="91" height="33" alt="home" class="pics" /></a></div>
<div id="me"><a href="index.php?action=me"><img src="gfx/me.jpg" width="87" height="33" alt="me" class="pics" /></a></div>
<div id="pics"><a href="index.php?action=pics"><img src="gfx/pics.jpg" width="96" height="33" alt="pics" class="pics" /></a></div>
<div id="guestbook"><a href="index.php?action=guestbook"><img src="gfx/guestbook.jpg" width="177" height="33" alt="guestbook" class="pics" /></a></div>
<div id="links"><a href="index.php?action=links"><img src="gfx/link.jpg" width="109" height="33" alt="link" class="pics" /></a></div>
<div id="contact"><a href="index.php?action=contact"><img src="gfx/contact.jpg" width="140" height="33" alt="contact" class="pics" /></a></div>
</div>

<div id="content">
<?php
switch($action){
case "me": include("includes/me/me.inc.php"); break;
case "pics": include("includes/pics/pics.inc.php"); break;
case "guestbook": include("includes/guestbook/guestbook.inc.php"); break;
case "links": include("includes/links/links.inc.php"); break;
case "contact": include("includes/contact/contact.inc.php"); break;
default: include("includes/home/home.inc.php"); break;
}
?>
</div>

</div>
</body>
</html>
Zum Vergrößern anklicken....
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben