[HTML / CSS] Erste Schritte Probleme mit 2 Spalten Layout

[CrazySash]

Ich bin gerade dabei mich ein wneig mit css auseinanderzusetzen...

Ich möchte gern ein 2 spaltiges Layout mit Header und Footer erstellen.

Mein bisheriges ergebnis...

Ich weiss, im Quelltext is noc viel Müll drinne

Mein Problem, das mit den beiden Spalten will absolut net hinhauen....

Also header und footer beides kein Problem.

Aber die navigation und der content wollen irgendwie nicht so wie ich will.

Also IE und Firefox...

Sämtliche Boxen innerhlab der grauen Box sollen einen Abstand untereinander von 3px haben...

Wer kann mir helfen?

 

[strolch00]

Ich sehe da keine grauen Boxen, aber ich denke ich weis was du meinst. Anstatt padding nimmst margin und gibst der navi und content box ein float: left das sollte eigenlich funktionieren.

 

[blu]

Sämtliche Boxen innerhlab der grauen Box sollen einen Abstand untereinander von 3px haben...
Wer kann mir helfen?

Probiere mal für entsprechende Boxen (zB.: boxhead) mit margin zu arbeiten.
margin: 3px;
bzw. margin-top/-right/-bottom /-left: 3px;
Je nachdem.

 

[CrazySash]

hmmm also das probem dürfte ".content" sein...

 

[strolch00]

float: right;

 

[CrazySash]

so hab ich gemacht. nun bekomme ich aber diese dusselige contentbox nich inne midde ;-(


EDIT: also die beiden naviboxen sitzen im ie und firefox genau so wie se sollen. Nun ist noch die geschihcte mit der conetntbox...

Hat da wer eine Idee..

Wenn möglich soll diese an die Stelle im Quelltext, wo zZ nen Kommentar is...

 

[strolch00]

Also soweit ich weis kannst du die nur zwischen navi und navi 1 machen. Und dann gibst du dem div die breite und ein float: left;. Bzw du kannst auch versuchen sie bei dem Komment rein zu schreiben mit einem float: right; konnte gehen, aber diese Auswirkung kann ich nicht genau sagen.

 

[CrazySash]

also ich hab bereits folgendes probiert.

die conetntbox zwischen die beiden navis zu setzen. Mit genauer angabe der breite. mal float right mal left.

Beide male ist das problem, dass es nicht passt. weder im IE noch im firefox.

 

[strolch00]

komisch bei mir geht es

www.redraft.de/test/index_crazysash.htm

 

[CrazySash]

hmmm jupp, firefox geht, aber schau dir das ganze mal im IE 7 an :-(

 

[strolch00]

Der ie ist einfach nur K....! Ich habe es aufgegeben alles in einer css valied zu bekommen. Das gibt nur ärger und tausend css hacks was scheiße ist. Gib dem ie gesonderte css dateien mit conditional comments und binde die jetzige css mit dem attribut all ein dan kann der ie nicht drauf zugreifen und nimmt seine. Dann hat jeder Browser seine css datei, es ist nämlich auch nochmal ein unterschied von ie6 zu ie7.

 

[CrazySash]

nun gut, bleibt wohl nix anderes...

aber trotzdem ersteinmal besten dank, für deine tolle Hilfe!!!

 

[TriloByte]

Jo, Browserweichen solltest du auf jeden Fall einbauen, einige für die verschiedenen IE Versionen und eine für die restlichen vernünftigen Browser. Sonst wirds nur nervig und schmutzig obendrein.

 

[CrazySash]

ja, werd mich ma dies WE dran machen