Autor |
Nachricht |
troimerli
Threadersteller
Dabei seit: 17.08.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 17.08.2008 14: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 18: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 22: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 So 17.08.2008 23:12
Titel
|
|
|
Wieso hatten alle Div's position:absolute?
Optimierte Version
Zuletzt bearbeitet von ali_r am So 17.08.2008 23:37, insgesamt 1-mal bearbeitet
|
|
|
|
|
troimerli
Threadersteller
Dabei seit: 17.08.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 18.08.2008 21: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 21: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 10: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 10:03, insgesamt 1-mal bearbeitet
|
|
|
|
|
Huggy23
Dabei seit: 31.07.2008
Ort: Bonn
Alter: 36
Geschlecht:
|
Verfasst Di 19.08.2008 10: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
PHP Problem
CSS-Problem im IE7
SQL-Problem
Problem mit Ton
|
|