Horizontale Balken mit variabler breite
marc hanke
- css
0 XaraX
Hallo Leute,
wie bekomme ich folgendes auch auf dem IE zum laufen? Unter Firefox/Mozilla , NS 7.1, Opera 7.2 funktioniert es. Wichtig ist, das der gruene Balken variabel in der Breite ist und der Gelbe eine feste Breite hat. Dabei darf die Gesamt Breite nicht mehr als 50% haben.
Siehe link:
http://www.willy-jeep.de/test/
vielen dank
Marc
P.S: Ich weiss, mit tabellen ganz einfach, moechte ich aber nicht ;-)
Hallo Marc,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title></title>
<style type="text/css" media="screen"><!--
#Links { width: 50% }
#balkengruen {border-top: 5px solid #77e208; height: 0px }
#inhalt {background-color: yellow; float: right; width: 250px; height: 100px }
--></style>
</head>
<body>
<div id="Links">
<div id="inhalt"> </div>
<div id="balkengruen"></div>
</div>
</body>
</html>
bin mir nicht ganz sicher, was Du dort mit dem border veranstalten willst, also habe ich ihn nach oben geklemmt. Das Problem an sich bestand darin, daß IE <div id="balkengruen"> 100% an width zugewisen hat.
Gruß aus Berlin!
eddi