Lukas Schmelzeisen: Hilfe bei CSS-Layout

Beitrag lesen

SELF-Forum

Hilfe bei CSS-Layout

Lukas Schmelzeisen
– Informationen zu den Bewertungsregeln

Hi Forum,

Ich habe Probleme bei der erstellung eines CSS-Layout. Undzwar soll folgender Code

<?xml version="1.0" encoding="iso-8859-1"?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE" lang="de-DE">  
  <head>  
    <link rel="stylesheet" type="text/css" href="normal.css" title="Normal" />  
    <title>CSS-Layout</title>  
  </head>  
  <body>  
    <ul id="navi">  
      <li><a href="index.html">Navi 1</a></li>  
      <li><a href="index.html">Navi 2</a></li>  
      <li><a href="index.html">Navi 3</a><ul>  
        <li><a href="index.html">Navi 3.1</a><ul>  
          <li><a href="index.html">Navi 3.1.1</a></li>  
          <li><a href="index.html">Navi 3.1.2</a></li>  
          <li><a href="index.html">Navi 3.1.3</a></li>  
          <li><a href="index.html">Navi 3.1.4</a></li>  
        </ul></li></li>  
        <li><a href="index.html">Navi 3.2</a></li>  
        <li><a href="index.html">Navi 3.3</a></li>  
        <li><a href="index.html">Navi 3.4</a></li>  
        <li><a href="index.html">Navi 3.5</a></li>  
        <li><a href="index.html">Navi 3.6</a></li>  
        <li><a href="index.html">Navi 3.7</a></li>  
      </ul></li>  
      <li><a href="index.html">Navi 4</a></li>  
      <li><a href="index.html">Navi 5</a></li>  
    </ul>  
    <div id="content">  
      Content  
    </div>  
  </body>  
</html>

so aussehen: http://x4rd3n.bplaced.net/selfhtml_css_layout/. Die Schwierigkeit besteht für mich darin, dass das Content-Element unter der Navigation sitzt und nicht mittendrin. Dabei will ich nur ohne das height-Attribut bei #navi auskommen, da die Anzahl an Elementen in der Navigation anpassbar sein soll.

Mfg Lukas

Beitrag melden
–
Informationen zu den Bewertungsregeln