Seite 1 von 1
div-container unabhängig von auflösung
Verfasst: 07.07.2005, 19:53
von arod
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
div-container unabhängig von auflösung
Verfasst: 07.07.2005, 21:01
von Wirths Media
position:absolute
oder width: und hight: verwenden
div-container unabhängig von auflösung
Verfasst: 08.07.2005, 13:22
von arod
#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
div-container unabhängig von auflösung
Verfasst: 08.07.2005, 13:25
von Wirths Media
hast Du es mal mit
body. html { margin:0; padding:0; }
probiert?
div-container unabhängig von auflösung
Verfasst: 08.07.2005, 13:28
von arod
Verstehe das nicht so ganz, kannst du mir den gesamten Code sagen und wie ich das dann einfügen kann?
Danke!
div-container unabhängig von auflösung
Verfasst: 08.07.2005, 13:39
von Wirths Media
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...
div-container unabhängig von auflösung
Verfasst: 08.07.2005, 13:47
von Dieter Moskanne
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.
