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 |
|
|
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 ((
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
|
|
|
|
|
tacker
Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 11.09.2006 12:41
Titel
|
|
|
Google: Faux Columns
Auch die Suche hier wird dir einige Ergebnisse liefern.
|
|
|
|
|
benusa
Threadersteller
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 11.09.2006 15:22
Titel SUPER VIELEN DANK! |
|
|
aber nach was soll ich suchen wenn ich nichteinmal weiss das das, was ich such
FAUX COLUMNS heisst
Danke nochmal "M!
benusa
|
|
|
|
|
RenSe
Dabei seit: 02.04.2005
Ort: -
Alter: 55
Geschlecht:
|
Verfasst Mo 11.09.2006 20:08
Titel
|
|
|
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?
|
|
|
|
|
Engholm
Dabei seit: 07.07.2005
Ort: Westerstede
Alter: 49
Geschlecht:
|
|
|
|
|
benusa
Threadersteller
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 12.09.2006 14:42
Titel RenSe |
|
|
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:
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
|
|
|
|
|
RenSe
Dabei seit: 02.04.2005
Ort: -
Alter: 55
Geschlecht:
|
Verfasst Mi 13.09.2006 17:41
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] 4 DIVS nebeneinander
3 divs nebeneinander
[css] divs nebeneinander zentrieren
CSS / Newbie / DIVs nebeneinander positionieren?
2 Divs nebeneinander die zum Elternelement relativ sind?
mehrere divs nebeneinander ohne umbruch
|
|