Speed: overflow/float-Frage

SELF-Forum

overflow/float-Frage

Speed
– Informationen zu den Bewertungsregeln

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>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. overflow/float-Frage

    Inita
    – Informationen zu den Bewertungsregeln

    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>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. overflow/float-Frage

    Detlef G.
    – Informationen zu den Bewertungsregeln

    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!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln