div-container unabhängig von auflösung

Beitrag von **arod** » 07.07.2005, 19:53

Hallo

Lässt es sich irgendwie machen, dass man absolute Div-Container benutzen kann ohne dass bei versch. Auflösungen gleich die Inhalte quer über den Bildschirm verschoben werden?

Gruß

Arod

von **Anzeige von ABAKUS** »

Beitrag von **Wirths Media** » 07.07.2005, 21:01

position:absolute

oder width: und hight: verwenden

Beitrag von **arod** » 08.07.2005, 13:22

#ueberschrift {
position: absolute;
left:480px;
top:105px;

}

Also, wenn ich das so definiert habe, fliegt mir meine Überschrift bei versch. Auflösungen leider woanders hin. Wie müsste ich das ändern?

Gruß

Arod

Beitrag von **Wirths Media** » 08.07.2005, 13:25

hast Du es mal mit

body. html { margin:0; padding:0; }

probiert?

Beitrag von **arod** » 08.07.2005, 13:28

Verstehe das nicht so ganz, kannst du mir den gesamten Code sagen und wie ich das dann einfügen kann?

Danke!

Beitrag von **Wirths Media** » 08.07.2005, 13:39

Die Frage ist doch was Du vor hast und nicht ich??

<head>
</head>

<html>

<style>
#ueberschrift { position: absolute; left:480px; top:105px; }
</style>

<div id="ueberschrift">
Überschrift
</div>

</html>

Bei mir bleibt alles da wo es sein soll...

Poste doch mal Deinen Quellcode...

Beitrag von **Dieter Moskanne** » 08.07.2005, 13:47

also
#ueberschrift {
position: absolute;
left:480px;
top:105px;
}

das bedeutet, dass der container mit der id ueberschrift 480px vom linken rand und 105px vom oberen seines elternelements positioniert ist.
ausserdem ist er aus dem dokumentenfluss herausgenommen durch die absolute positionierung, er ist somit nicht mehr abhängig von vorherigen elementen (höhe) im html code.

wenn das elternelement nicht body ist, muss es ebenfalls positioniert (z.B. position:relative;) sein, sonst funktioniert das nicht.

vielleicght solltest du dem div noch ne breite und höhe geben und dass löst dein problem, welches ich auch nicht ganz verstanden habe.