Fragen zu template und em

[lowsaxonian]

Moin Forianer,

irgendwie komm ich mir ´nen büschen doof vor, diese Frage hier zu stellen, aber irgendwie muss das Ding für mich lösen.

Ich habe also versucht, ein css-template zu erstellen, das an sich auch zu funktionieren scheint. Die div´s bleiben alle an ihrem vorgesehen Platz (was nicht immer der Fall war :???: ), doch die Positionierung bereitet mir kleinere Probleme.
Egal, ob ich den footer mit margin:right/left auto oder position:right/left:auto zu zentrieren versuche, es will nicht in die Mitte. Wo ist mein Denkfehler ??

div#container {
width:62em;
height:34em;
position:fixed; top:0.2em;
margin-right:auto; margin-left:auto;
padding:0.2em 0.2em 0.2em 0.2em;
border:1px solid red;
text-align:center;
vertical-align:bottom;
}
div#header {
font-family:arial, verdana, sans-serif;
font-size:0.9em;
border:1px solid black;
width:66em;
height:6em;
position:relative; top:0.2em;
margin-right:auto; margin-left:auto;
padding:0.2em 0.2em 0.2em 0.2em;
text-align:center;
}

div#navigation {
font-family:arial, verdana, sans-serif;
font-size:1em;
border:1px solid red;
width:10em;
height:22.5em;
position:fixed; top:6.8em;
margin-right:auto; margin-left:0.3em;
padding:0.2em 0.2em 0.2em 0.2em;
text-align:center;
}

div#content {
font-family:arial, verdana, sans-serif;
font-size:0.9em;
border:1px solid green;
width:55.4em;
height:25em;
position:fixed; top:7.6em;
margin-right:auto; margin-left:12.4em;
padding:0.2em 0.2em 0.2em 0.2em;
text-align:center;
overflow:scroll;
}

div#footer {
font-family:arial, verdana, sans-serif;
font-size:0.9em;
border:1px solid black;
width:67.8em;
height:4.2em;
position:absolute; bottom:0.2em; right:0.5em;
padding:0.2em 0.2em 0.2em 0.2em;
text-align:center;
}

Desweiteren steige ich nicht durch die maßeinheit "em" durch. Die Angaben, welche z.B. selfhtml zu diesem Thema macht, sind für mich nicht schlüssig genug, da sich die Angaben innerhalb der verschiedenen div´s unterschiedlich zu verhalten scheint (siehe z.B. position:top bei #navigation und #content.

Ich kapier´s nicht, bitte erklär´s mir doch mal einer !!!

Grüsse
low

 

[koslowski]

Egal, ob ich den footer mit margin:right/left auto oder position:right/left:auto zu zentrieren versuche, es will nicht in die Mitte. Wo ist mein Denkfehler ??

dein Problem ist das du Positionierung nicht verstehst, sonst wüßtest du das man mit position:fixed; (fast das Gleiche wie position:absolute; mit dem Unterschied das pos.Fixed mehr Nachteile hat) festgenagelte Elemente nicht mit margin:0 auto; horizontal zentrieren kann.
Das geht nur mit Elementen die im Textfluß sind.

Überhaupt machst du einen typischen Anfängerfehler praktisch alles positionieren zu wollen, ohne recht zu verstehen, was die Positionierungsarten so bewirken.

Du solltest dich vielleicht mal hier einlesen.

 

[lowsaxonian]

Du solltest dich vielleicht mal hier einlesen.

Werd ich, Danke.