divs wollen einfach nicht nebeneinander gehen

  • Hi!
    Ich bastel grad an nem Theme rum (alles von Grund auf selbst gecodet, kein framework) und will gerade das layout von Inhalt und Sidebar festlegen. Diese sollen logischerweise nebeneinander stehen. Ich hab schon alles möglich versucht, es will aber nicht funktionieren. Am Browser liegt's nicht, hab schon alle durchprobiert und alle interpretieren es nicht so wie ich es gern hätte.

    HTML
    <div id="main">		<div id="content">		</div>		<div id="sidebar">		</div>	</div>

    rot sind die Elemente nur zur Veranschaulichung, die Höhe ist fest, weil die Elemente noch leer sind.

    Ich bin dankbar für jede Art von Hilfe!
    LG,
    equorne

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Also Prinzipiell müsste es ja so gehen wie du schreibst -> die Pixelanzahl stimmt schonmal. Was aber sein kann ist, dass einer der Inhalte von Content oder Sodebar einen Margin besitzt welcher sich dann (bei keiner fixen Breite von selbigem Objekt) über die Width-Angabe von Content oder Sidebar erstreckt. Sprich, die gesammte Breite von Sidebar oder Content wird vergrössert. Ich habe mich selber schon einige Male über selbiges Verhalten geärgert, da es für mich keinen Sinn macht -> dies könnte aber mit dem neuen Box-Modell bald der Vergangenheit angehören.

    Wenn ich mit meiner Vermutung recht habe, dann gib dem Content und der Sidebar ein Padding von 1px (eventuell reicht auch eine Angabe von 0px -> kann mich nichtmehr so genau erinnern) und der Margin der innerern Elemente fängt dann erst innerhalb von Content oder Sidebar an.

    Wie gesagt ist nur eine Vermutung :-)

    PS: da wie du schreibst beide Elemente noch leer sind, wird meine Vermutung doch nicht zutreffen (habs erst jetzt gelesen). Gib dafür doch bitte auch deinem Content ein Float -> und zwar ein left ;)

    Einmal editiert, zuletzt von pixselig (20. März 2013 um 15:05)

  • Danke für den Tipp. Das mit Content nach links floaten hab' ich schon ausprobiert und es ist echt komisch: Die Contentbox wird dann nicht mehr links dargestellt sondern nur halblinks und die Sidebar weiterhin darunter auf der rechten Seite...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!