Probier's mal mit einem hr-Element. Das müsste eine Höhenangabe annehmen.

Du könntest auch dem body eine Breite und margin:0 auto geben.
Oder die drei Spalten mit einem div zusammenfassen und diesem neuen Element dann den unteren Teil des Header-Bildes geben.

Nimm die min-height:100% (und den IE-Hack) bei den 3 Spalten raus. Im FF ist das wirkungslos und im IE macht's das Layout kaputt.
Nur das umschließende Element soll die Mindesthöhe 100% haben - siehe auch weiter oben.

sali fricca

vielen dank für deine geduld!

bei einer trennlinie zeigt mir der ie logischerweise eine richtige linie. die linienstärke kriege ich nicht auf 0.

am liebsten würde ich dem container den hintergrund geben. die navigation in der dritten spalte kommt allerdings ins bild hinein. aus diesem grund macht es durchaus sinn, die divs über das bild zu ziehen. das div container umschliesst schon die 3 spalten, also müsste ich ein div, welches den container und die drei spalten verschachtelt erstellen.

und siehst du per zufall, warum es mir die drei spalten im ie horizontal verschiebt?

und zu guter letzt: hast du einfach jahrelange erfahrung oder gibt es eine spezielle ausbildung für web/css in deutschland?

gruss ronan

visibility:hidden sollte gehen.
Im Zweifel ein div.

Mir fällt grad keiner ein - probier's mal aus. Was macht Mac IE?

doubled float-margin bug

Das Web und Zeit, Geduld und ein Beissholz (auf dem "IE" steht) sind meine Lehrmeister

Im Ernst: die meisten Probleme sind ja nicht neu - wenn man sich mal durch einige "Standardartikel" gebissen hat...
Ein bisschen was (ja, alles englisch):
http://www.cssplay.co.uk/
http://www.alistapart.com/
http://css.maxdesign.com.au/
IE-Fehler:
http://www.satzansatz.de/cssd/onhavinglayout.html
http://www.positioniseverything.net/explorer.html

Ich bin übrigens auf die Inhalte von "maccaroni" gespannt (bin partiell Mac-User)

Gute Nacht
fricca

super, hat geklappt mit dem hidden!

ehrlich gesagt nehme ich keine rücksicht auf ie5 mac. der wird schon lange nicht mehr weiter entwickelt.

schau ich mir nachher an, danke.

uiui, lesestoff, danke

in dem tempo in dem ich vorwärts komme wirds lange dauern

gute nacht und vielenvielen dank!

gruss ronan

es ist vollbracht:

http://www.maccaroni.ch/test/kurz.htm
http://www.maccaroni.ch/test/lang.htm

funktioniert unter ie6, ff 1.5, safari 2.

hat super geklappt, wenn auch erst zur späten stunde
vielen dank an fricca, der mehr als nur ein wenig geduld mit mir hatte!
aber auch herzlichen dank an julian, welcher sich auch um meine anfängerprobleme kümmerte!

so, und nun gute nacht!

ronan

Schön habt ihr das gemacht, das Layout gefällt mir richtig gut!

__________________
" * html body {display: none;} ... I haven't figured out why some think this hack is discriminating. "

fein fein ist es geworden...
das gesign klau ich mir *fg

__________________
http://alles-ausser-banane.de/

hehe, wehe

das design wird nun schritt für schritt ins joomla!-cms überführt. leider alles andere als xhtml 1.0 strict valide!

aktueller stand:
http://www.maccaroni.ch/joomla

kommt sicher die eine oder andere frage, z.b., wie ich das padding für die inhalte am besten löse.

gruss ronan

langsam nimmt auch der inhalt formen an:

http://www.maccaroni.ch/joomla/

nur bei dem list-image in spalte zwei (die orangen «äpfel») habe ich noch ein problem. in safari und ff wird alles korrekt dargestellt. ie bockt mal wieder, und ich weiss nicht wieso. er verschiebt das image.

ist das ein bekanntes problem? sollte ich besser mit einer hintergrundgrafik und padding im li tag arbeiten?

gruss ronan

Du hast da noch nen kleinen Fehler auf der rechten Seite bei dem kleinen Kästchen. Habe mal nen Screenshot ausm IE und FF angehängt.

Ansonsten sieht die Seite schon ganz gut aus. Problematisch finde ich nur, dass du oben diesen großen Header hast und unten dann den Text, da muss man bei "kleineren" Auflösungen rumscrollen. Und die Navigation könnte man vielleicht so wie in dem Entwurf ganz oben in die rechte obere Spalte packen.

Angehängte Grafiken

	maccaroni_2.jpg (12,6 KB, 385x aufgerufen)
	maccaroni_1.jpg (10,2 KB, 385x aufgerufen)

__________________
" * html body {display: none;} ... I haven't figured out why some think this hack is discriminating. "