Autor |
Nachricht |
troimerli
Threadersteller
Dabei seit: 17.08.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 17.08.2008 15:07
Titel css problem |
|
|
hallo ihr mediengestalter!
ich habe einige probleme beim erstellen meines div-layouts..
eignetlich hätte ich gerne, dass es so aussieht (ist halt jetzt mit Tabellen veranschaulicht..):
live view: http://troimerli.lima-city.de/tabletest.html
Also Menü, Content und Warenkorb sollen in der Höhe dynamisch sein (content beinhaltet ja nicht immer gleich viele Zeilen). Und dann soll die Fusszeile automatisch den Abschluss der Seite machen, also direkt unten an die Menü, Content WaKorb Div's.
Was ich bis jetzt habe: view: http://troimerli.lima-city.de/v2.html
Irgendwie stimmt das aber überhaupt noch nicht.. Kann mir da jemand helfen?
Gruss
|
|
|
|
|
ali_r
Dabei seit: 22.03.2008
Ort: Hamburg
Alter: -
Geschlecht:
|
Verfasst So 17.08.2008 19:58
Titel
|
|
|
Mach am besten mal ein Main div, wo du alle anderen Div Boxen "reinpackst".
Also ganz außen rum ein Div.
|
|
|
|
|
Anzeige
|
|
|
troimerli
Threadersteller
Dabei seit: 17.08.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 17.08.2008 23:17
Titel
|
|
|
OK, das hab ich jetzt ma gemacht.. Aber wie hilft mir das jetzt weiter?
Also es ist jetzt z.b. so:
Code: |
[...]
<body>
<div id="backgrounddiv">
<div id="title">
Webseitentitel
</div>
</div>
[...]
</body>
</html>
|
ist das so, wie du gemeint hast? oder könntest du vielleicht ein Beispiel machen?
|
|
|
|
|
ali_r
Dabei seit: 22.03.2008
Ort: Hamburg
Alter: -
Geschlecht:
|
Verfasst Mo 18.08.2008 00:12
Titel
|
|
|
Wieso hatten alle Div's position:absolute?
Optimierte Version
Zuletzt bearbeitet von ali_r am Mo 18.08.2008 00:37, insgesamt 1-mal bearbeitet
|
|
|
|
|
troimerli
Threadersteller
Dabei seit: 17.08.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 18.08.2008 22:03
Titel
|
|
|
Danke für deine optimierte version!
Das einzige Problem ist jetzt noch, dass die Div's vom Menü und vom Warenkorb nicht auch grösser werden, wenn der content länger wird.. - obwohl du das mit min-height eingestellt hast?
gibt es da noch eine Lösung?
Gruss
|
|
|
|
|
konsumkünstler
Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 18.08.2008 22:30
Titel
|
|
|
Die Container können ja auch nicht mitwachsen, da sie gefloated werden.
Nimm einfach ein Tabellen-Layout als Grundlage. Da wächst links und rechts alles immer schön mit dem Content mit.
|
|
|
|
|
ZeroFlash
Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Di 19.08.2008 11:02
Titel
|
|
|
klar können container größer werden wenn sie gefloatet werden.
was hat die positionierung mit der größe zu tun?
in welchem browser hast du es denn getestet?
der ie versteht den befehl min-height nicht und stellt somit den container nur so groß dar, wie sein content ist.
am besten du machst für den ie eine browserweiche mit conditional comments. da gibst du dann die gleiche container bezeichnung an, aber anstatt min-height:xypx; machst du height:xypx;
der ie hat da n bug und versteht unter height das gleiche, wie alle anderen unter min-height.
Zuletzt bearbeitet von ZeroFlash am Di 19.08.2008 11:03, insgesamt 1-mal bearbeitet
|
|
|
|
|
Huggy23
Dabei seit: 31.07.2008
Ort: Bonn
Alter: 36
Geschlecht:
|
Verfasst Di 19.08.2008 11:36
Titel
|
|
|
für die mindesthöhe gibt es auch ein ie-hack:
selector {
min-height:500px;
height:auto !important;
height:500px;
}
am besten erstellst du div-boxen und in den boxen nochmal eine divbox ohne größenangaben, wo dann der text reinkommt. ist für die ausrichtung einfacher.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Formmailer-Problem-neues problem
CSS Problem (IE)
PS Problem
Problem mit div
IE PNG FIX Problem
CSS - Problem mit IE
|
|