Gunnar Bittersmann: <div>-Struktur auf umdiewelt.de

Beitrag lesen

SELF-Forum

<div>-Struktur auf umdiewelt.de

Gunnar Bittersmann Homepage des Autors
+1 Informationen zu den Bewertungsregeln

Hi Eddie,

ich habe ein kleines Div-Problem,

Eher ein großes. ;-)

Das Problem ist, dass du von der aktuell gewünschten Darstellung ausgehst und die mit miesen Tricks zusammenschusterst.

Denk nicht div, sondern zeichne die Struktur deines Dokumentes vernünftig in HTML aus. Sollten zur Gruppierung einige _wenige_(!) div nötig sein, so sei es.

<body>  
  <div id="navigation">  
    <ul id="menu">  
<!-- Es ist ja eine NavigationsLISTE -->  
      <li>Navigation</li>  
      <li>Navigation</li>  
      <li>Navigation</li>  
<!-- ... -->  
    </ul>  
  
<!-- Hier wär der Platz für dein graues Ding -->  
  
    <ul id="weitereLinks">  
      <li>weitere Links<li>  
      <li>weitere Links<li>  
      <li>weitere Links<li>  
    </ul>  
  </div>  
  
  <div id="inhalt">  
    <h1>Lorem ipsum</h1>  
    <p>Lorem ipsum dolor sit amet …</p>  
  </div>  
</body>

div#navigation gibst du eine Breite (vorzugsweise in em) und float: left

Das Problem mit dem grünem Rahmen habe ich schon Jahre, er wird weiter unten dargestellt, als der eigentliche Content. Mein (ganz mieses) Workaround war bisher ein "margin-top:-30px;"

Dann ist auch dein „(ganz mieses) Workaround“ überflüssig. (Die Klammern waren es auch ;-))

Gruß,
Gunnar

--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
Beitrag melden
+1
Informationen zu den Bewertungsregeln