mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 03.12.2016 12:50 Benutzername: Passwort: Auto-Login

Thema: [CSS] Inhalt einer Ebene von unten aufbauen vom 19.10.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Inhalt einer Ebene von unten aufbauen
Seite: 1, 2  Weiter
Autor Nachricht
Nimroy
Community Manager
Threadersteller

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 38
Geschlecht: Männlich
Verfasst Mi 19.10.2005 17:55
Titel

[CSS] Inhalt einer Ebene von unten aufbauen

Antworten mit Zitat Zum Seitenanfang

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í!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
HotSpot

Dabei seit: 10.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.10.2005 18:13
Titel

Antworten mit Zitat Zum Seitenanfang

align ist auch für horizontale Ausrichtung verantwortlich. <-- Schuld!

Ohne Code lässt sich das nicht sagen. position: absolut und bottom: 0px sollte dich weiter bringen. Mehr nur mit Code.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Nimroy
Community Manager
Threadersteller

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 38
Geschlecht: Männlich
Verfasst Mi 19.10.2005 18:36
Titel

Antworten mit Zitat Zum Seitenanfang

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. *zwinker* 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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.10.2005 18:49
Titel

Antworten mit Zitat Zum Seitenanfang

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;
}
  View user's profile Private Nachricht senden
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 34
Geschlecht: Männlich
Verfasst Mi 19.10.2005 23:04
Titel

Antworten mit Zitat Zum Seitenanfang

Haste mal einen Screenshot, Nimroy?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Nimroy
Community Manager
Threadersteller

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 38
Geschlecht: Männlich
Verfasst Do 20.10.2005 08:26
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 20.10.2005 08:57
Titel

Antworten mit Zitat Zum Seitenanfang

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).
  View user's profile Private Nachricht senden
Nimroy
Community Manager
Threadersteller

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 38
Geschlecht: Männlich
Verfasst Do 20.10.2005 09:20
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] Frage zu Div statt Ebene
CSS Inhalt - Hover
CSS Hintergrundrahmen Höhenanpassung zu Inhalt
Fehlende Scrollbar bei zentriertem Inhalt (CSS)
CSS-Problem: Containerhöhe nicht nach Inhalt ausgerichtet
CSS - Hilfe für scrollen bei viel Inhalt
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.