Mario Sch.: Darstellungsproblem tranparentes <ul>: Nur IE korrekt?!

Beitrag lesen

SELF-Forum

Darstellungsproblem tranparentes <ul>: Nur IE korrekt?!

Mario Sch.
– Informationen zu den Bewertungsregeln

Hi,

gleich nochein Problem ;)
(ich hoffe macht nix aus, wenn ich hier mehrere Threads laufen habe, sind ja alles komplett verschiedene Themen)

Diesmal scheint nicht der IE das Problem zu sein, sondern FF/Opera (andere nicht getestet).
Ich habe diesmal gleich eine Beispieldatei hochgeladen, denke damit sieht man das Problem am schnellsten.

Aber erstmal eine kleine Beschreibung:
Also ich habe ein <div>, das eine gewisse Breite und Höhe hat und eine background-color (wichtig für das Problem), darin wiederum ein <div> (background: transparent) indem nun <ul>s und <li>s platziert sind. Wenn ich nun das Attribut float meiner <ul>s auf left setze, wird im FF/Opera das <ul> bis zur background-color von meinem body durchsichtig!

Hier der Code, weiter untern nochmal zum Download:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
  <meta http-equiv="Content-Style-Type" content="text/css">  
  <link rel="stylesheet" href="style.css" type="text/css">  
  <title>Willkommen </title>  
</head>  
<body>  
  <div id="container">  
    <div style="width: 984px; background: transparent;">  
      <ul class="navibar">  
        <li style="background: transparent">TEST</li>  
      </ul>  
    </div>  
  </div>  
</body>  
</html>

CSS-File:

#container {  
  width: 984px;  
  background: #ff00ff;  
}  
.navibar {  
  background: transparent;  
  color: #2E3192;  
  float: left;  
}

Wiedereinmal danke im Vorraus :)

Grüße
Mario

Beitrag melden
–
Informationen zu den Bewertungsregeln