mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 03:31 Benutzername: Passwort: Auto-Login

Thema: DIV Layer Anordnung vom 08.02.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DIV Layer Anordnung
Autor Nachricht
benusa
Threadersteller

Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 08.02.2007 19:48
Titel

DIV Layer Anordnung

Antworten mit Zitat Zum Seitenanfang

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

Dabei seit: 31.03.2006
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 08.02.2007 22:40
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 08.02.2007 23:21
Titel

Antworten mit Zitat Zum Seitenanfang

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

Dabei seit: 11.09.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 15.02.2007 12:46
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 15.02.2007 13:10
Titel

Antworten mit Zitat Zum Seitenanfang

Das habe ich zum clearen der floats gemacht. Dazu gibt es verschiedene Methoden,
einfach mal googlen. Und hier grad einfach mal schnell ein paar Links zu dem Thema:

http://www.positioniseverything.net/easyclearing.html
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear
http://www.quirksmode.org/css/clearing.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
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.