| Autor |
Nachricht |
benusa
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 08.02.2007 20: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 23: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.
|
|
| |
|
|
m
Dabei seit: 18.11.2004
Ort: -
Alter: 26
Geschlecht: 
|
Verfasst Fr 09.02.2007 00: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
Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 15.02.2007 13: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
Dabei seit: 18.11.2004
Ort: -
Alter: 26
Geschlecht:
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
<div> vs. <layer>
Div-Layer scrollen
Div,Layer mit JS ein- oder ausblenden
DIV-Layer - Hilfe
div Layer zum Klicken
[Diskussion] Tabellen oder DIV-Layer?
|
|
Willkommen auf dem Portal für Mediengestalter
