nicht angemeldet
Darstellungsproblem tranparentes <ul>: Nur IE korrekt?!
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
-
Downloadlink vergessen ;)
http://rapidshare.de/files/38187630/test2.rar.html -
Hi,
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!
Die Liste wird nicht "durchsichtig", sondern beeinflusst die Hoehe des umgebenden Elementes nicht mehr - logisch, weil du sie ja durch float aus dem Fluss nimmst.
https://forum.selfhtml.org/?t=164349&m=1071109
MfG ChrisB