flexibele breite mit float:left

Hallo allerseits,

Ich hoffe ich kann hier mein Problem gut genug schildern das ihr es versteht.

Ich bastel gerade ein Design das zurzeit so aussieht:

beispiel2.jpg
(Da ist für meine Firma ist hab Ich Logo und Namen entfernt)

Ich möchte nun eine Sidebar rechts neben der content box programmieren...

Hab ich gemacht sieht nun so aus:

beispiel1.jpg


Folgende zwei Sachen die ich aber gerne hätte.
1. Soll die content box...

HTML:
div#content-main {
	margin:10px 5px 15px 5px;
	width:auto;
	float:left;
}

div#sidebar {
	margin:10px 5px 15px 5px;
	float:right;
	width:280px;
}

die breite voll ausnutzen die sie hat und nicht an den Box inhalt anpassen,
sodass zwischen der contentbox und der sidebar ein geringerer abstand ist.
Normalerweise macht das die contentbox aber sobald ich float:left einbaue
nicht mehr.

Gleichzeitig möchte ich aber auch, dadurch das die contentbox automisch ihre
volle mögliche breite nutzt, das wenn ich die sidebar div rausnehme die contentbox
über die volle breite wieder geht wie im ersten bild.

Meine Frage... wie realisiere ich das? Hoffe ich konnte mich einigermaßen verständlich
ausdrücken. Auch bei der Titelfindung für den Thread hab ich mich schwer getan
sorry dafür.

MfG und danke schonmal.
 
hatte mir diesen thread natürlich auch angesehen fand aber das da doch unterschiede sind von dem
was wir beide erreichen wollen... Wenn ich es aber tatsächlich falsch verstanden habe dann berichtigt
mich bitte und schließt den thread und von mir aus eine große entschuldigung, doch wie
gesagt fand ich das unterschiede herrschen.

MfG

edit1:

da es doch irgendwie keine passende lösung gibt werde ich nun
einfach zwei ID erstellen und mit php per if sagen welche
verwendet werden soll.

Trotzdem vielen dank an euch für die hilfe
 
Zuletzt bearbeitet:
Zurück