overflow/float-Frage
Speed
- css
Hi!
wie bekomme ich die horizontalen Listenelemente in den Block rein ohne dass ich overflow:auto verwenden muss?
Code:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
div#menu {
border:1px solid red;
}
div#menu ul li {
float:left;
}
</style>
</head>
<body>
<div id="box">
<ul>
<li>Eins</li>
<li>Zwei</li>
<li>Drei</li>
</ul>
</div>
</body>
</html>
Hi!
so ungefaehr, wenn ich dich richtig verstanden habe:
<html>
<head>
<style type="text/css">
#menu{
border:1px solid red;}
#menu li{
float:left;
list-style:none;
width:50px}
</style>
</head>
<body>
<ul id="menu">
<li>Eins</li>
<li>Zwei</li>
<li>Drei</li>
</ul>
<br clear="all">
</body>
</html>
Hallo Speed
wie bekomme ich die horizontalen Listenelemente in den Block rein ohne dass ich overflow:auto verwenden muss?
Dazu habe ich an anderer Stelle gerade vor ein paar Minuten gepostet.
Code:
div#menu {
#menu
gibt es in deinem XHTML nicht.
div#menu ul li {
s.o.
~~~html
<div id="box">
<ul>
Ist hier ein extra div nötig, oder könnte auch gleich die ul formatiert werden?
Auf Wiederlesen
Detlef
--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!