N6 umd Margin

[Christoph Schnauß]

hallo Jawad,

<div id="Div">
   <ul id="naviTopRight">
    <li</li>
    <li></li>
   </ul>
  </div>
  <ul id="MainTopNavi">
   <li></li>
   <li></li>
  </ul>
  <!-- //////// end  of the topnavigation //////// -->
  <!-- //////// brginn of content //////// -->

Das ist bis hierher alles völlig überflüssig, da steht ja nichts drin, was angezeigt werden könnte.

<div id="mainDiv">
   <div id="content">

Die Verschachtelung ist überflüssig. Du brauchst nur ein DIV, also entweder "mainDiv" oder "content".

<div id="toTopContent2"><a href="#content">Back to Top</a></div>

Warum muß das unbedingt in einem eigenen DIV stehen?

<div id="right"></div>

Ist sinnfrei und völlig überflüssig.

Der CSS-Code:

Aha, da hängt es dann auch.

#mainDiv {  /*div for the bodycontent*/
width: 755px;
float: left;
}

Nicht schön, kann aber fürs erste so stehenbleiben. Was du mit diesem float bezweckst, weißt allerdings nur du allein.

#footer { /* div for footer */
height: 20px;
   font-size: .9em;

Ups? Ich mache Größenangaben für Schriften beispielsweise mit "0.9em", womit ja der Grad der Skalierung festgelegt wird. Aber ".9em" ist meines Wissens völlig untauglich.

padding-top: 40px 0 40px 0;
margin: 40px 0 0 0;

Kann man so machen.

clear: left;

Kannst du dir sparen, wenn du nicht erklären kannst, was weiter oben das "float" sollte.

Tja, aber ... nun ist noch gar nichts zu deiner ursprünglichen Frage ausgesagt. Dir kams doch darauf an, daß dein "Footer" immer auch wirklich "unten" angesiedelt wird. Ich hatte eigentlich gedacht, daß du in deiner CSS dafür irgendeine Positionierung vorgesehen hättest. Hast du aber bisher nicht. Dann mach doch mal, schreib ein "position ..." in dein CSS mit hinein, dann kann man weiterschauen.

Grüße aus Berlin

Christoph S.