Hallo,
wie kann ich innerhalb eines div-containers einen weiteren div container unten links in der ecke platzieren?
der große container wird mittig im bildschirm platziert, unabhängig der bildschirmauflösung.
hoffe ihr könnt mir helfen!
danke!
CSS
-
trinaldo -
15. März 2007 um 17:58
-
-
Probier's mal so:
Code<body style="margin:0px; padding:0px;"> <div style="width:500px;height:500px; border: 2px solid red;">außen <div style="width:100px; height:100px;position: absolute; top:400px;left:0px;border:1px solid black;">links unten</div> </div> </body>
Bei dem äußeren div musst du dann noch die Angaben zum Zentrieren etc. anpassen. -
danke für die antwort, jetzt bin ich schon ein stück weiter!
wie kann ich den inhalt vom "links unten" container unten ausrichten?
-
Kommt drauf an, was du vor hast.
Abstände zwischen Rand und Text (Inhalt) erreichst du über padding.
z.B.
bedeutet: Abstand oben und unten = 10 px, Abstand links und rechts: 8pxWenn du den Text zentrieren willst:
Noch ein Tipp: es ist sinnvoll, die ganzen CSS-Styleangaben in eine externe CSS-Datei auszulagern. Das macht den Quelltext übersichtlicher und du kannst die CSS-Angaben für mehrere Seiten gleichzeitig verwenden. Änderungen brauchst du dann auch nur an einer Stelle vorzunehmen.
http://css.fractatulum.net/css_html.htm -
Ich fange gerade an, ein CSS Layout zu erstellen. Um die einzelnen Container zu positionieren, will ich einzelne Farbige Kästchen machen. Naja, ich weiß aber nicht, wie man farbige Kästchen mit CSS erstellt... ?
-
background-color:#E0E0E0;
Ansonsten sollte Dir auch das Firefox-Addon CSS Viewer helfen.
-
Hier findest du einige Beispiele:
http://www.stichpunkt.de/css/bereiche.html
http://css.fractatulum.net/sample/layout1format.htm -
-
Ok, danke.
Jetzt hab ich aber noch eine Frage. Ich hab jetzt zwei Kästchen untereinander gemacht. Zwischen den beiden ist aber ein Abstand. Wie krieg ich denn den weg? So, damit nichts weißes mehr dazwischen ist.
http://verenasalamander.lima-city.de/Homepage/Elemente.html -
Oh, da bin jetzt schon selbst drauf gekommen.^^
Joah, jetzt hab ich noch ein drittes Kästchen dazugemacht, aber das will ich nicht darunter haben, sondern neben dem blauen Navigationskästchen.,..? -