1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

CSS 2-Seitig

  • Billbos
  • 13. September 2008 um 19:24
  • Billbos
    Profi
    Beiträge
    485
    • 13. September 2008 um 19:24
    • #1

    Hallo,

    mein Ziel ist es, dass mein Container in der Mitte meines Main-Containers liegt, ich glaube das habe ich geschafft, nun möchte ich aber noch zwei Seiten in meinem Container haben. Ich möchte das die rechte und linke Seite auf der gleichen Ebene anfangen und nicht, dass die rechte Seite (NEWS) erst anfängt, wenn ich die linke Seite vollgeschrieben habe!
    Ziel ist es das beide Seiten voneinander getrennt oben anfangen!

    Beispiel: http://www.billbos.eu

    Vielen Dank schonmal im Voraus

    http://www.danielsfotos.com

  • minder
    Gast
    • 13. September 2008 um 19:36
    • #2

    Hallo

    nimm mal die clear anweisung nach der left box raus

    <embed src="flash_/header_1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/down…=ShockwaveFlash" type="application/x-shockwave-flash" width="700" height="100"></embed>
    </object></noscript>
    </div>
    <!-- END Header -->

    <!-- Main -->
    <div id="main">
    <!-- Container -->
    <div id="container">

    <!-- Left -->
    <div id="left">
    <h1>Willkommen auf meiner Seite</h1>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
    </div>

    //<br style="clear: both" />//

    <!-- END Left -->

  • Billbos
    Profi
    Beiträge
    485
    • 13. September 2008 um 20:04
    • #3

    Danke das hat funktioniert :)

    http://www.danielsfotos.com

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 13. September 2008 um 20:04
    • #4

    Wirklich? Wenn #left links gefloatet ist, dann musst du nach dem Schließen von #left den clear-Befehl entfernen.

    Dann nimm für #news dies:

    Code
    #news {
        width: 196px;
        margin: 15px 0 10px 465px;
        text-align: left;
        }

    Und nach dem Schließen von #news clearst du mit

    Code
    <div style="clear: both;"></div>

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Billbos
    Profi
    Beiträge
    485
    • 14. September 2008 um 14:11
    • #5

    Danke habe ich gemacht, dass hat auch geklappt aber wenn ich jetzt dein zweites Beispiel nehme das kommt alles aus dem Container raus!

    http://www.danielsfotos.com

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 14. September 2008 um 17:15
    • #6

    Es kommt auf die Gesamtbreiten von #left und #news einschließlich marigns und ihrem übergeordneten Div an. Da müssen sie in jedem fall rein passen.
    So wie's jetzt ist, geht es auch.

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

Tags

  • www
  • color
  • http
  • links
  • style
  • text
  • news
  • entfernen
  • version
  • code
  • download
  • div
  • flash
  • cli
  • height
  • swf
  • box
  • cgi
  • px
  • width
  • header
  • adobe
  • embed
  • container
  • left
  • align
  • margin
  • clear

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™