vorab muss ich gleich mal sagen, dass ich in der HTML & CSS Welt noch ein Neuling bin.
Mein Problem ist, dass ich zwei Divs (Sidebar & Content) nebeneinander bekommen möchte, ohne float zu verwenden. Grund hierfür ist, dass ich den Wrapper mit einem Background-Image belegt habe und sobald ich float verwende, dieses nicht mehr angezeigt wird.
Ich habe den Divs bereits eine passende Breite gegeben, dennoch werden sie untereinander angezeigt.
Kann mir bitte jemand nen Tipp geben, bzw. erklären, wie ich es richtig mache?
Hallo. Eigentlich sollte das Hintergrundbild nicht „verschwinden“. Könntest du den Code posten, damit man sich das mal ansehen kann. Float ist definitiv die eleganteste und einfachste Lösung.
Meine Vermutung ist, dass die Sidebar und der Content wiederum auch einen Hintergrund haben, der den Wrapper-BG überdeckt, aber was genaues kann man nur mit dem Code sagen.
Wie Tar schon sagte ist float die Lösung. Relative Positionierung führt hier nicht zum Ziel. Dein Problem ist sicherlich, dass Du zwar floatest, dadurch die der Wrapper jedoch quasi keine Höhe erhält. Du musst also direkt vor dem Ende des Wrappers noch ein clear einfügen. Merke: wer floatet muss auch clearen.
@ Tar & threadi: Ja bei der Sidebar ist erneut eine Grafik hinterlegt. Die Thematik mit float und clear ist völlig neu für mich. Wärt Ihr bitte so lieb und würdet mir erklären wie ich das mit clear dann richtig einsetze bzw. verwende?
Auf jegliche Positionierung ungleich static sollte man verzichten soweit es möglich ist. Das führt in manchen (vor allem älteren) Browsern zu unvorhersehbaren Ansichten, besonders wenn in der Umgebung z.B. noch Aufklappmenüs oder andere „Spielereien“ verwendet werden.