Float funzt nicht...

[nessalein1988]

Hallo Leute,

habe seit langem mal wieder ein bisschen mit CSS herumhantiert. Aber irgendwie will die Sache mit dem Float nicht so wie ich will. Folgendes Problem:
Ich habe eine Navi-Box (links) und eine Content-Box (soll nach rechts, steht zurzeit unterhalb der Navi-Box). Wie bekomme ich die Content-Box neben die Navi-Box? Mit float-left und float-right habe ich das schon versucht. Habe 2 Screenshots der jeweiligen CSS-Codes (einmal design_css und navi_css) hochgeladen.
Wisst ihr da was?

Danke schon mal und liebe Grüße!

design_css:


Uploaded with


navi_css:


Uploaded with

 

[MatthiasM2D]

AW: Float funzt nicht...

Hi,

wie sieht denn der dazugehörige HTML Code aus? Zum debuggen für solche Fehler hilft z.B. der Firebug und Webdeveloper im Firefox sehr gut. In diesem Fall z.B. durch einblenden der Blockgrößen. Wenn Elemente welche normalerweise floaten untereinander liegen anstatt nebeneinander ist dies meistens ein "Platz" Problem.

Gruß

 

[nessalein1988]

AW: Float funzt nicht...

Hallo,

mit Firebug finde ich, zumindest für mich nicht ersichtlich, keinen Fehler. Ich hänge mal den HTML-Code dran und das, was ich sehe. Vllt. kann man ja dann mehr damit anfangen? bin ich hier schon am verzweifeln, weil eig. alles passt aber irgendwie auch nicht

HTML_Code (Tabelle entspricht der Navigation)


Uploaded with

Optische Darstellung:


Uploaded with

 

[sokie]

AW: Float funzt nicht...

eigentlich habe ich nur sehr wenig Lust mich mit geposteten "Bildern von Code" auseinanderzusetzen, aber es ist schon auffällig, dass da sehr viele floats sind und nichts gecleared wird.
ganz unverständlich ist dass alle p-Elemente links gefloatet werden (was ohne clear dazu führt, dass sie nicht zur höhe des umschliessenden beitragen).

wenn ein container "wrapper" nur 800px breit ist, kann man darin keine 2 Elemente navigation(230px) und content(100%) unterbringen. der content muss eine breite<= 570px haben

 

[hubspe]

AW: Float funzt nicht...

Wie bekomme ich die Content-Box neben die Navi-Box? Mit float-left und float-right habe ich das schon versucht. Habe 2 Screenshots der jeweiligen CSS-Codes (einmal design_css und navi_css) hochgeladen.
Wisst ihr da was?

#navi und #content floaten in Verbindung mit einer festen Breite und dann wird sauber gecleart.
Ist ein ganz normales Zweispaltenlayout.

Ach ja, pt ist eine absolute Masseinheit aus dem Printbereich und fürs Web vollkommen ungeeignet.
Nimm lieber % oder em für Schriftgrößen.

edit. sokie hat recht.
Gepostete Bilder von Code sind wie Bilder von Getränken auf einer Partie, da mag kaum einer hinkommen.

 

[MatthiasM2D]

AW: Float funzt nicht...

Hi,

vergib mal eine entsprechende Breite für die #navi und #content bei haben keine Breite und erhalten somit die vollen 100% vom Elternelement dem Wrapper. Also 800px, deshalb liegen diese untereinander.

Gruß