mittig am Rand ein DIV Feld positionieren
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
arbeiten
auto
behandeln
bilden
bildschirmrand
code
datei
feld
http
index
lila feld
linken oberen ecke
linken rand
page
position
prozenten
stelle
text
url
wiese
-
Hallo,
ich würde gerne mal wissen was ich in die CSS- Datei schreiben muss, um das lila Feld genau unter die rechte Kante zu bringen.
Wen ich es mit margin-left mache bekomme ich es zwar an die Stelle aber es bleibt auch so weit vom Rand entfernt wen ich die Auflösung vom Firefox ändere. Nochmal kurz zusammengefasst: das Feld so eine bündige Linie zum linken Rand der anderen Feldern bilden und es darf seine Position nicht ändern wen sich die Bildschirmauflösung verändert!
http://mag-page.de/wiese/index.html -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Eine Möglichkeit wäre ein Hilfscontainer
<body> <div id="page"> <div id="head"></div> <div id="top_navi"></div> <div id="content"></div> <div id="left_navi"></div> </div> </body>
Dazu das angepaßte CSS:
#page{ width: 1000px; margin: 0 auto; } #head{ height: 160px; width: 100%; background-color: #808000; } #top_navi{ height: 30px; width: 100%; background-color: #000000; } #left_navi{ height: 400px; width: 200px; background-color: #800080; float: left; } #content{ width: 800px; background-color: #800080; float: right; }
FF -
oder per Position absolute: top: 0px und left 0px
-
frognow schrieb:
oder per Position absolute: top: 0px und left 0px
Sicher nicht, denn damit positionierst Du das Element in der linken, oberen Ecke des Browserfensters und nicht linksbündig unter der top-navi.
FF -
Sehr gut- vielen Dank!
Wenn ich mir es nochmal überlege, ist es eine gute Idee, denn innerhalb des großen Hauptcontainer kann ich mit Prozenten arbeiten und diesen DIV- Feld wie den Bildschirmrand behandeln!
Vielen Dank!!!!!!!!!
Und noch was anderes: Wie kann ich Text innerhalb eines DIV- Feldes horizontal und vertikal zentrieren? Das soll angeblich mit CSS nicht so einfach sein, da es noch nicht richtig unterstützt wird....?! -
hast recht hatte ich überlesen ;)
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
