mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 20:54 Benutzername: Passwort: Auto-Login

Thema: css Div _Layer Problem / mehrere Divs nebeneinander und unte vom 11.09.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css Div _Layer Problem / mehrere Divs nebeneinander und unte
Seite: 1, 2  Weiter
Autor Nachricht
benusa
Threadersteller

Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 11.09.2006 12:01
Titel

css Div _Layer Problem / mehrere Divs nebeneinander und unte

Antworten mit Zitat Zum Seitenanfang

hallo zusammen.
ich komme nicht weiter.
nehme ich "position:absolute;" raus, wachsen zwar dioe divs mit,
allerdings kann ich sie ja dann nicht so anordnen wie ich sie möchte...!
verstehe ich was falsch? ich komme da grad echt nicht mit.
hab euch den source mal geposted.

im endeeffekt soll es nacher so funktionieren, das wenn ein div layer, zb. der äusserste grösser wird, alle anderen mitwachsen und sich der footer-divauch immer unten anschliesst....

meine html-datei:

Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div id="header">
<p>header</p>
</div>

<div id="enzianL">
<p>enzianL</p>
</div>


<div id="nav">
<p>NAV</p>
</div>

<div id="text">
<p>TEXT</p>
</div>

<div id="enzianR">
<p>enzainR</p>
</div>

<div id="footer">
<p>footer</p>
</div>


</body>
</html>


meine css datei:

Code:

#header {
   width: 1000px;
   background-color:#FFCC66;
}

#enzianL {
position:absolute;
   float: left;
   width: 150px;
   background-color:#993366;
}

#nav {
position:absolute;
   float:none;
   margin-left: 150px;
   width: 200px;
   background-color:#FF0033;
}

#text {
position:absolute;
   margin-left: 350px;
   width: 500px;
   background-color:#00FF00;
}

#enzianR {
   position:absolute;
   margin-top: 0px;
   margin-left:850px;
   width: 150px;
   background-color:#3106CC;
}

#footer {
   position:absolute;
   margin-top: 60px;
   width: 150px;
   background-color:#99FFFF;
}


wenn ihr die datei so anschaut, hab ich es von der anordnung hinbekommen,
aber wie gesagt es "wächst" nicht mit *Schnief*((


wäre über jede hilfe dankbar.


gruss
benusa

[edit]
Titel geändert


Zuletzt bearbeitet von benusa am Mo 11.09.2006 12:24, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
tacker

Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht: Männlich
Verfasst Mo 11.09.2006 12:19
Titel

Antworten mit Zitat Zum Seitenanfang

Wichtig: HTML und CSS sind keine Programmiersprachen!
Bitte [code]-Tags verwenden.
Verschoben von Programmierung nach Allgemeines - Nonprint.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 11.09.2006 12:41
Titel

Antworten mit Zitat Zum Seitenanfang

Google: Faux Columns


Auch die Suche hier wird dir einige Ergebnisse liefern.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
benusa
Threadersteller

Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 11.09.2006 15:22
Titel

SUPER VIELEN DANK!

Antworten mit Zitat Zum Seitenanfang

aber nach was soll ich suchen wenn ich nichteinmal weiss das das, was ich such
FAUX COLUMNS heisst *zwinker*

Danke nochmal "M!

benusa
  View user's profile Private Nachricht senden
RenSe

Dabei seit: 02.04.2005
Ort: -
Alter: 55
Geschlecht: Männlich
Verfasst Mo 11.09.2006 20:08
Titel

Antworten mit Zitat Zum Seitenanfang

Okay kann sein das ich da jetzt nicht richtig hintersteige was Du meinst.

Du hast mehrere Layer und alle sollen größer werden wenn irgendein Layer wächst????

Du hast einen Layer oben, einen unten und vier in der Mitte. Die vier liegen nebeneinander.

Ich nehme an Head und Foot sollen sich nie ändern?

Wäre dann die Mitte. Da hast du feste Breiten aber keine Höhenangaben. um das die Layer nach unten hin alle gleich sind brauchen sie aber einen Bezugspunkt. Das ist bei Dir ur Zeit nur der Inhalt der jeweiligen Box und das reicht natürlich nicht.....

Bin ich völlig falsch oder ist es das was Du meinst? * Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Engholm

Dabei seit: 07.07.2005
Ort: Westerstede
Alter: 49
Geschlecht: Männlich
Verfasst Mo 11.09.2006 21:17
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn es Dir darum geht, dass Du den Footer immer unten haben möchtest, guck Dir mal dieses Beispiel an:
http://solardreamstudios.com/_img/learn/css/footerstick/footerstick
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
benusa
Threadersteller

Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 12.09.2006 14:42
Titel

RenSe

Antworten mit Zitat Zum Seitenanfang

du hast das problem richtig erkannt.
mit faux columns funz es zwar, aber ich glaube es ist nicht die richtigste, sauberste lösung....



Zitat:
Du hast mehrere Layer und alle sollen größer werden wenn irgendein Layer wächst????

Du hast einen Layer oben, einen unten und vier in der Mitte. Die vier liegen nebeneinander.


deine aussage ist völlig richtig!

hast du einen anderen lösnugsansatz???


@Engholm:

Zitat:
Wenn es Dir darum geht, dass Du den Footer immer unten haben möchtest, guck Dir mal dieses Beispiel an:
http://solardreamstudios.com/_img/learn/css/footerstick/footerstick


das ist leider nicht das was ich suche, trotzdem vielen DANK!!!



lg
benusa


Zuletzt bearbeitet von benusa am Di 12.09.2006 14:43, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
RenSe

Dabei seit: 02.04.2005
Ort: -
Alter: 55
Geschlecht: Männlich
Verfasst Mi 13.09.2006 17:41
Titel

Antworten mit Zitat Zum Seitenanfang

Deine vier Layer müssten in einer Tabelle oder einen anderen Layer stehen. Dann eine % Höhe bekommen, so das sie sich an den Layer/die Tabelle orientieren die sie umgibt. Der Layer/die Tabelle bekommt entweder einen festen Wert oder gar keinen (in der Höhe) so das der "Rahmen" immer so groß ist wie der längste Inhalt. Alle andere Layer wachsen mit da sie ja % gebunden sind.

Das wäre mein Lösungsansatz und so mache ich das dann auch immer. Bin gespannt ob jemand vielleicht eine andere, leichtere Lösung hat. Wäre ja auch gut Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] 4 DIVS nebeneinander
3 divs nebeneinander
[css] divs nebeneinander zentrieren
CSS / Newbie / DIVs nebeneinander positionieren?
3 Divs nebeneinander im Container auf einer Höhe?
2 DIVS nebeneinander, der Linke autom. skaliert
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.