AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren
Thema durchsuchen
Ansicht
Themen-Optionen

[HTML/CSS] Spalten-Layout

Ein Thema von Matze · begonnen am 25. Dez 2010 · letzter Beitrag vom 26. Dez 2010
 
Benutzerbild von Matze
Matze
(Co-Admin)

Registriert seit: 7. Jul 2003
Ort: Schwabenländle
14.929 Beiträge
 
Turbo Delphi für Win32
 
#1

[HTML/CSS] Spalten-Layout

  Alt 25. Dez 2010, 20:53
Hi zusammen,

ich habe an meiner Website bissl was geändert und nun stimmt das Layout nicht mehr ganz.
Es geht um diese Seite. Der erste Eintrag ist immer genauso hoch wie der Inhalt der rechten Sidebar. Etwas deutlicher sieht man es hier.

Der Code sieht prinzipiell so aus:
HTML-Code:
<!-- ja, Sidebar zuerst, denn anders ging es nicht und hat so auch Vorteile -->
<div id="sidebar">

</div>

<div id="linkes_feld">
    <div>
        Eintrag 1
        <div style="clear: both"></div>
    </div>
    <div>
        Eintrag 2
        <div style="clear: both"></div>
    </div>
</div>
Code:
#sidebar {
    float: right:
    width: 250px;
}

#linkes_feld {
    margin-right: 260px;
}
Eigentlich müsste das unabhängig voneinander sein, da sich die Container nicht überlappen. Auch mit Firebug & Co. komme ich nicht weiter.
Seht ihr einen Fehler?

Das ist übrigens bei den gängigsten Browsern so. Liegt also definitiv an meinem Code.

Edit: Ich habe den Code oben ergänzt. Der Übeltäter ist das "clear: both" innerhalb der Eintragstexte (danke Frederic). Ich verstehe aber nicht, warum es daran liegt, da sich das nur aufs direkt übergeordnete Div auswirken sollte. Und "clear: both" benötige ich ...

Geändert von Matze (25. Dez 2010 um 21:14 Uhr)
  Mit Zitat antworten Zitat
 


Forumregeln

Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Gehe zu:

Impressum · AGB · Datenschutz · Nach oben
Alle Zeitangaben in WEZ +1. Es ist jetzt 04:12 Uhr.
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz