Seiten Struktur wie auf dem bild, aber wie?

OuT.Of.rEAcH · 16 Oktober 2008

Hi, habe eine frage und zwar will ich eine homepage machen die dieses design hat:
http://www.bilderhosting.info/95698.jpg

bin da gerade ins stocken gekommen ;)
habe es veruscht mit divs zu machen und zwar:

Code:

CSS:
#top { 
    float: left;
    padding: 10px;  
    border: 1px solid silver; 
      }
#navigation { 
    float: left; 
    border: 1px solid silver; 
      }
    
#content { 
    float: left;
    padding: 10px;  
    border: 1px solid silver; 
      }  
      
#platz { 
    float: left; 
      }

meine seite:

Code:

index.html

<html>
    <head>
        <title>
            Stella
        </title>
        <link rel="StyleSheet" type="text/css" href="stella.css">
    </head>
    
    <body>
    
<div id="platz" style="width: 9%;">

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
        
<div id="top" style="width: 80%;">    
    hier kommt nachher ein bild rein ;)
    </div>

<div id="navigation" style="width: 10%;">
  <p>Startseite</p>
  <p>gggg</p>
  <p>zzz</p>
  <p>yyy</p>
  <p>xxx</p>
  <p>bbb</p>
  <p>rrr</p>
  <p>Impressum</p>
</div>
<div id="platz" style="width: 2%;">

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
<div id="platz" style="width: 40%;">
<br />
</div>
<div id="content" style="width: 55%;">
 bla blA BLA BLA BLA BLA BLA
</div>

</body>
</html>

Ich bekomm es nich hin das das div content it dem div top vernümpftig abschließt ;)
auch wenn man dann die siete zum bsp kleiner macht verschiebt sich alles :(

kann mir jem helfen ;)

Efchen · 16 Oktober 2008

Moin,

Du solltest Dich ein wenig mit den Grundlagen von HTML und CSS beschäftigen. Wenn Du den Unterschied zwischen Inline- und Block-Elementen weißt, kannst Du Dein Problem selber erkennen.

Block-Elemente, wie <div> erstrecken sich immer über 100% Breite. Die passen so nicht nebeneinander. Mit "float" und der Angabe einer festen Breite kannst Du Dir da helfen.

Du solltest aber auch unbedingt an Deinen HTML-Kenntnissen arbeiten. Deine Auszeichnung ist - wohl auch mangels Inhalt - quasi nicht vorhanden. Aber Schritt 1 vor dem Layout ist eigentlich die semantische Auszeichnung des Inhalts. Sprich: Wo sind Deine Überschriften? Wieso zeichnest Du ein Menü als "Ganz viele Textabsätze hintereinander" aus? Wozu <br />? Und viel zu viele <div>, die man eigentlich zum Gruppieren mehrerer Elemente zwecks gemeinsamer Formatierung benutzt, aber Deine gruppieren nichts, weil sie nichts oder nur ein Element enthalten.

Seiten Struktur wie auf dem bild, aber wie?

OuT.Of.rEAcH

Neues Mitglied

Efchen

Guest

Neueste Beiträge