Autor |
Nachricht |
Nimroy
Community Manager Threadersteller
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
Verfasst Mi 19.10.2005 17:55
Titel [CSS] Inhalt einer Ebene von unten aufbauen |
|
|
All ihr Styleshett-Götter steht mir bei.
Wie stell ich es per CSS an, dass der Inhalt einer Ebene von unten aufgebaut wird und nicht von oben?
Ein Attribut wie align funzt nicht.
Mercí!
|
|
|
|
|
HotSpot
Dabei seit: 10.01.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 19.10.2005 18:13
Titel
|
|
|
align ist auch für horizontale Ausrichtung verantwortlich.
Ohne Code lässt sich das nicht sagen. position: absolut und bottom: 0px sollte dich weiter bringen. Mehr nur mit Code.
|
|
|
|
|
Anzeige
|
|
|
Nimroy
Community Manager Threadersteller
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
Verfasst Mi 19.10.2005 18:36
Titel
|
|
|
Okay. Hier mal ein Ausschnitt aus dem CSS. Aber seit nachsichtig. Ich übe noch und das mit dem verschachteln und vererben hab ich noch nicht so raus. Bin also auch in dieser Hinsicht für Tipps zu haben.
HTML
Code: | <body>
<div style="width:872px; height:342px; margin:0px auto;text-align:left; border: 1px solid black" >
<div id="Navi">
<ul>
<li class="aktiv">
<div class="aktiv">Start</div></li>
<li><a href="eintrag2.html">Persönliches</a></li>
</li>
<li><a href="eintrag3.html">Kontakt</a></li>
</ul></p>
</div>
<div id="Content">
<div id="Header">Bild</div>
<h6>Text</h6>
</div>
</div>
</body> |
CSS
Code: | #Content
{
position:absolute;
left:300px;
width:572px; height:342px;
z-index:2;
background: #7CFC00;
}
#Navi {
width: 150px;
background-color: White;
height: 342px;
z-index: 1;
}
#Header
{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 130px;
background-color: Green;
z-index: 3;
} |
Aussehen soll es am Ende so, dass die beiden Ebenen Navi und Content nebeneinander liegen. Content ist noch aufgeteilt und hat einen Bildheader oben (Header). Damit das ganze aus einem Guss aussieh, gibt es eine umschließende Ebene mit nem Rahmen.
Ich hoffe, es wird einigermaßen klar, was ich meine.
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 19.10.2005 18:49
Titel
|
|
|
also so quasi?
Code: | #Content
{
position:relative;
width:572px; height:342px;
background: #7CFC00;
float:right;
}
#Navi {
position:relative;
width: 150px;
background-color: White;
height: 342px;
float:left;
}
#Header
{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 130px;
background-color: Green;
float:right;
} |
|
|
|
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Mi 19.10.2005 23:04
Titel
|
|
|
Haste mal einen Screenshot, Nimroy?
|
|
|
|
|
Nimroy
Community Manager Threadersteller
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
Verfasst Do 20.10.2005 08:26
Titel
|
|
|
way2hot.de hat geschrieben: | Haste mal einen Screenshot, Nimroy? |
Sihscher, sihscher.
So sieht es aus, nachdem ich das CSS wie oben abgeändert habe. Wie man auf dem Bild erkennt, ist die Größe um den Teil der Navi erhöht. Sie soll aber nur so hoch sein, wie die beiden grünen Felder zusammen sind.
Zuletzt bearbeitet von Nimroy am Do 20.10.2005 08:48, insgesamt 1-mal bearbeitet
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 20.10.2005 08:57
Titel
|
|
|
Dann musste jetzt nur noch die richtigen Breiten
beim #Navi #Header #Content einstellen. Weil
momentan siehts so aus als wenn die #Navi
den Rest verdrängt (von der Breite her) bzw. der
#Header zu breit ist (width:100% geht da ja nicht).
|
|
|
|
|
Nimroy
Community Manager Threadersteller
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
Verfasst Do 20.10.2005 09:20
Titel
|
|
|
Alos die Navi ist nur 150px breit und der Header sitzt ja in dem Div Content. Und in dem nimmt er 100% der breite ein. Content ist ebenfalls definiert mit 572px. Kanns also auch nicht sein. Selbst wenn ich den Header die gleiche Breite gebe, bleibt das Ergebnis unverändert.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Shopwebsite aufbauen
Wie am besten CMS aufbauen?
LAN aufbauen - probleme..
Zahlen dynamisch(?) aufbauen
Linie an Pfad aufbauen
Fritz Wlan Stick - Verbindung aufbauen?
|
|