DIV Container rechts floaten in 3-Spalten-Layout

  • Moin Moin!


    Ich versuche seit geraumer Zeit aus einem bestehenden 2-Spalten Layout nun ein 3-Spalten Layout herzustellen.
    Dabei habe ich folgende Ausgangssituation:
    HTML-Seite: http://www.marcelsinemus.de/nachrichten.html
    CSS: http://www.marcelsinemus.de/bookmarks.css


    Die Test "Umgebung" liegt hier:
    HTML-Seite: http://www.marcelsinemus.de/test/nachrichten.html
    CSS: http://www.marcelsinemus.de/test/bookmarks.css


    Was habe ich bereits versucht:
    Ich habe nach dem Container "main" den Container "adsense" in die HTML Datei geschrieben.


    In der CSS Datei habe ich den Main-Container von der Breite beschränkt und den Adsense Container mit float: right; versucht zu floaten.
    Bei einem Versuch ist es geblieben.


    In der Darstellung sieht es so aus, dass der Adsense Container UNTER dem Credit Container erscheint und ich nicht weiss, warum.


    Der nächste Versuch war, dass ich den Header Container eine Grösse verpasst habe: 13em.
    Den Adsense Container habe ich dann versucht mit margin-top: 14em; zu positionieren. Aber auch hier: Nix.


    Ich glaube, dass ich sicherlich einen Fehler in meiner Überlegungen habe und der so eindeutig ist, dass es einem Blinden mit nem Krückstock auffallen würde.


    Wär aber dankbar, wenn man mir einen Tipp geben könnte.


    Marcel

  • Hallo,


    erstmal Respekt, dass du dich an divs wagst und nicht die ollen Tabellen verwendest
    eine schnelle Lösung wirds hier wohl nicht geben, aber eine unkomplizierte:


    du musst die linken Bereiche (navi und banner) in einen container-div packen. Dem gibts du dann float:left und eine Breite mit
    dann gibts du dem main auch float:left und eine Breite
    dann gibts du dem adsense float:right und eine Breite


    das könnte es schon gewesen sein


    stell das erstmal so um, wenn es dann noch Probleme gibt lassen die sich dann wahrscheinlich auch schnell lösen

  • HI!


    Sorry, dass ich mich jetzt erst melde (Arbeit, Prüfungen, Modulblock, Geburt des Sohnes ... alles auf einmal ;-) )


    Das mit den DIVs ist echt eine Herausforderung... wenn man nicht genau weiss, wo der Fehler steckt ;-)
    Ich habs heute morgen mal ausprobiert, aber leider geht es wieder nicht. Hat sich aber gut angehört.
    Hab die Dateien auch wieder hochgeladen. Vielleicht findet jemand den Fehler ;-)


    Besten Dank aber schon mal.


    Marcel

  • mein Ansatz war richtig.
    du hast es fast geschafft.


    du musst nur noch ein paar kleine Ausrichtungen vornehmen.


    reduziere in #main die linken Abstand:
    margin-left: 2em;


    und reduziere in #adsense die oberen Abstand:
    margin-top:0em;


    das wars. zumindest im FF2 siehts nun perfekt aus.

  • Eine Frage hab ich noch ;-)


    Wie mach ich #main flexibel, was die Container Breite angeht?
    z.B. für eine Auflösung von 1024 x 768


    Oder dass der Adsense Container wegfällt, wenn eine niedrige Seitenauflösung gewählt wird.


    Marcel