Autor |
Nachricht |
benusa
Threadersteller
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 08.02.2007 19:48
Titel DIV Layer Anordnung |
|
|
hallo community!
ich habe folgendes problem:
wie kann ich mein konzept (siehe grafik) umsetzen,
sodass layer1 und layer2 immer konstant hoch sind,
layer3 ebenfalls konstant hoch sind und layer4 und layer5
wachsen können?
habe schon sovieles probiert und bin zu keinr lösung gekommen.
kann mir jemand helfen? tipps?
benusa
|
|
|
|
|
nanu
Dabei seit: 31.03.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 08.02.2007 22:40
Titel
|
|
|
hallo,
funktioniert es denn nicht wenn 1, 2, 3
eine feste Größe bekommen und 4 + 5 height:auto
vielleicht auch mal hier stöbern.
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 08.02.2007 23:21
Titel
|
|
|
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>benusa</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
div#wrapper {
width:800px;
overflow:hidden;
margin:0 auto;
}
div#one {
width:600px;
height:120px;
background:#eee;
float:left;
}
div#two {
width:200px;
height:120px;
background:#ccc;
float:right;
}
div#three {
width:600px;
height:40px;
background:#ddd;
float:left;
}
div#four {
width:600px;
background:#999;
float:left;
min-height:500px
}
div#five {
width:200px;
background:#666;
float:right;
min-height:540px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="one">One</div>
<div id="two">Two</div>
<div id="five">Five</div>
<div id="three">Three</div>
<div id="four">Four</div>
</div>
</body>
</html> |
Wenn du möchtest dass Element div#four und div#five beide unten gleich
abschließen (das geschiet momentan nur durch die min-height Angabe),
google mal nach "Faux Columns".
|
|
|
|
|
benusa
Threadersteller
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 15.02.2007 12:46
Titel
|
|
|
hallo m!
wunderbar, klappt einwandfrei!
nur eine reine info frage, wenn ich im wrapper "overflow:hidden; " rausnehme,
geht er nicht um alle anderen elemente, ist praktisch nur ein 2 px grosser strich...
im IE ist es aber nicht so.
was bewirkt dieses "overflow:hidden; " ???
vielen dank nochmal für deine schnelle hilfe
benusa
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
|
|
|
Ähnliche Themen |
innerer layer soll äußeren layer automatisch größer machen
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
Photoshop Layer exportieren auf einzelne Layer Größe
div-layer im Eltern-div-layer zentrieren. Wie geht das?
"1 Layer einblenden / 4 Layer ausblenden"-Problem
[CSS] Float - Layer in Layer
|
|