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

div richtet sich nicht so aus wie er soll

xooox

Neues Mitglied
Hallo,

Habe ein kleines Problem :

IE:
cs21avtobjcz.jpg


warum hat der div .strich einen abstand zur navi ?
im Firenfox und Opera konnte man das durch:

PHP:
line-height: 0.1em;

Lösen o_O

Hier mal der 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Am-Kump</title>
  <style type="text/css">
   * {
  margin: 0px;
  padding: 0px;
  }
  body{
  background:#000000;
  }
  .page{
  margin:0px auto;
  padding:0px;
  width:1000px;
  background-color:#000000;
  }
  .header{
  background:url(bilder/header.png) no-repeat;
  width:1000px;
  height:172px;
  margin:0px;
  padding:0px;
  }
  ul#navigation li{
  line-height: 0.1em;
  display: block;
  float: left;
  margin:0px;
  padding:0px;
  }
  .strich{
  background:url(bilder/navi-unten.png) no-repeat;
  width:1000px;
  height:14px;
  margin:0px;
  padding:0px;
  clear: both;
  }
  .content{
  background: url(bilder/content_12.png) no-repeat bottom;
  width:1000px;
  min-height:400px;
  }
  .schild{
  background:url(bilder/u30-logo.png) no-repeat;
  width:221px;
  height:205px;
  z-index:10;
  position: absolute;
  margin-left:780px;
  }
</style>
</head>
 <body>
  <div class="page">
    <div class="header"></div>
      <div class="content">
        <ul id="navigation">
          <li><img src="bilder/navi-links.png" /></li>
          <li><img src="bilder/navi-home.png" /></li>
          <li><img src="bilder/navi-aktuelles.png" /></li>
          <li><img src="bilder/navi-bilder.png" /></li>
          <li><img src="bilder/navi-gästebuch.png" /></li>
          <li><img src="bilder/navi-anfahrt.png" /></li>
          <li><img src="bilder/navi-rechts.png" /></li>
        </ul>
          <div class="strich"></div>
          <div class="schild"></div>
     </div>
  </div>
 </body>
</html>
 
Werbung:
Bor wat bist du P*orno :shock:
Da wäre ich nie drauf gekommen den Bilder auch noch einen display: block zu geben omfg respekt .

1000send dank :D
 
Werbung:
Zurück
Oben