Div unter absolute positioniertes Div

Webdesign & Technik HTML & CSS
1

Hallo ich habe folgendes Problem, wenn der footer zu Ende ist ist die Seite sofort beendet.
Deshalb möchte ich unter ein absolute positioniertes Div noch eins machen, so quasi als platzhalter :stuck_out_tongue:

Hier mal die Codes:
index.php

[code]

Test <?php include('kopfzeile.php'); ?>
<?php include('navigation.php'); ?> taaa jkasfnbfak knk k jaksl hlkjghjjk gjk vfdsn dvjbkl vh< jkl jbkl jb kvjklfjblkfbfblfbl blvbklv< hbfvbv
[/code]

style.css

[code]body {
background-color: #6495ED;
}

.center {
text-align: center;
}

#kopfzeile {
position: absolute;
top: 30px;
left: 250px;
right: 250px;
background-color: red;
min-height: 90px;
min-width: 500px;
}

#inhalt {
position: absolute;
top: 200px;
left: 250px;
right:250px;
min-height: 700px;
min-width: 500px;
border-width: 1px;
border-color: #D3D3D3;
border-style: solid solid none solid;
padding: 1px;
padding-right: 200px;
}

#navigation {
position: absolute;
top: 10px;
bottom: 100px;
right: 1px;
min-height: 50px;
min-width: 200px;
border-width: 1px;
border-color: white;
border-style: dashed none dashed dashed;
padding: 1px;
}

#fusszeile {
position: absolute;
left: 1px;
right: 1px;
bottom: 10px;
min-height: 10px;
min-width: 100px;
border-width: 1px;
border-color: white;
border-style: dashed none none none;
padding-top: 20px;
vertical-align: middle;
}[/code]

Die Includeierten Dateien sind nur Divs ohne Inhalt (bis jetzt noch :stuck_out_tongue:). Die Namen der Divs sind: kopfzeile, navigation und fusszeile

Wäre echt dankbar, wenn ihr mir helfen könntet!

2

Ein komplettes Layout auf absoluter Positionierung aufzubauen, ist reichlich unsinnig.

3

wäre es besser mit margin und padding zu realisieren?

4

margin und padding sind fuer Abstaende - unabhaengig von der Art der Positionierung.

Fuer Spaltenlayout nimmt man idR. float.
aktuell.de.selfhtml.org/weblog/css-spaltenlayout

5

klar aber bei absolute hat sich die navigationsleiste immer dem inhalt angepasst.

Ich weiß es geht auch anders, aber auf die anderen sachen habe ich keine lust :stuck_out_tongue:

6

Nun, Layout mit absoluter Positionierung ist nicht unsinnig, man
muß es nur können - etwa um eine Navigation an die Seite zu
packen ist das ideal - viel einfacher und stabiler als mit float, wo
das float dann ja auch noch bestimmt, wo im Quelltext die
Navigation steht - weil das unsinnig für den Inhalt ist, ist float
oft für sinnvoll strukturierte komplexere Projekte gar nicht
brauchbar.

Wie dem auch sei, durch die Positionierung geht der Bezug zu
anderen als den eigenen Kindelementen verloren. Wenn also
was am Ende eines positionierten Elementes steht, sollte es
ein Kindelement sein, entweder steht ist es das letzte
Kindelement des positionierten Elementes oder man kann es
wieder absolut positionieren (was dann relativ zum positionierten
Elternelement ist).

7

danke es hat geklappt :stuck_out_tongue:, aber es geht nur, wenn der content größer ist als die navigation.
Lässt sich da auch noch was machen :slight_smile:

8

Eben.

Und gerade Anfaenger koennen die Auswirkungen von absoluter Positionierung oftmals noch kaum einschaetzen.

Ein einzelnes Element absolut zu positionieren, ist ja auch was anderes, als alle Elemente damit irgenwo festzunageln.

9

habs gerade geschafft.
anfänger? :hammer: