Manjo
Aktives Mitglied
Thread Starter
- Dabei seit
- 25.07.2005
- Beiträge
- 906
- Reaktionspunkte
- 24
Hallo!
Folgendes Problem:
Die Bereiche 1-3 sind alle variabler Breite, jenachdem wie breit die Texte "Buttonx" sind. Der Bereich 2 soll den Freiraum zwischen 1 und 3 auffüllen. Das tut er aber nicht. Die hier blau gezeichnete Linie fehlt, bzw. ist nur ein Leerzeichen breit.
Mit dem Trick, Bereich 2 100% Breite zuzuweisen, kannn man nicht alle Browser überlisten. Wie geht es?
Viele Grüße,
Manjo.
Folgendes Problem:
Die Bereiche 1-3 sind alle variabler Breite, jenachdem wie breit die Texte "Buttonx" sind. Der Bereich 2 soll den Freiraum zwischen 1 und 3 auffüllen. Das tut er aber nicht. Die hier blau gezeichnete Linie fehlt, bzw. ist nur ein Leerzeichen breit.
Mit dem Trick, Bereich 2 100% Breite zuzuweisen, kannn man nicht alle Browser überlisten. Wie geht es?
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">
<!--
.menu {
font-weight: bold;
width:100%;
}
.links {
border-bottom: 1px solid #000000;
padding: 0.2em;
float: left;
}
.filler {
float:left;
border-bottom: 1px solid #000000;
padding: 0.2em;
}
.rechts {
border-bottom: 1px solid #000000;
padding: 0.2em;
float: right;
}
-->
</style>
</head>
<body>
<div class="menu">
<div class="links">Button1</div>
<div class="links">Button2</div>
<div class="links">Button3</div>
<div class="links">Button4</div>
<div class="links">Button5</div>
<div class="filler"> </div>
<div class="rechts">Rechts</div>
</div>
</body>
</html>
Viele Grüße,
Manjo.