Box neben ein ander geht nicht

[Nerdy]

Hallu, :))

Ich möchte gerne Box 1 und box 2 unter dem bild neben ein ander einzeigen lassen, aber wenn ich den container bild1 ein float: left; gebe, geht die hintergrundfarbe web und nichts passiert. warum?

<div id="main-header">
    <div id="main-header-more"></div>
</div>
<style>
    * {
        margin:0;
        padding:0;
    }
    #box1 {
        height: 210px;
        width: 460px;
        background-color: #456
    float: left;

    }
    #box2 {
        height: 210px;
        width: 460px;
        background-color: #456
    }
    #angebot1 {
        float: left;
    }
    #angebot3 {
        margin-top: -5px;
    }

</style>
<div id="main-content" style="margin-top: -45px;">
    <br />
    <h1>Startseite</h1>
    <br />
    <div id="angebot1">
        <a href="#"><img src="http://diamondkey.de/img_host/www/index.php?/photo/action/view_image/photo_link/52dbe1a0d4366" style="border: 0px;" /></a>
     </div>
     <div id="angebot2">
        <a href="#"><img src="http://diamondkey.de/img_host/www/index.php?/photo/action/view_image/photo_link/52dbe1d5accc9" style="border: 0px;" /></a>
     </div>
     <div id="angebot3">
        <a href="#"><img src="http://diamondkey.de/img_host/www/index.php?/photo/action/view_image/photo_link/52dbe1ebd2130" style="border: 0px;" /></a>
     </div>
    <br />

    <div id="box1">
    <h3>Vorteile & Leistungen</h3>
    <p>Wir von diamondkey.de bieten einen unbestechlichen und immer aktuellen Preisvergleich der neuesten und beliebtesten PC-Spiele. Es werden aber auch andere virtuelle Güter wie zum Beispiel Gold, Gamecards usw. immer zum fairsten und besten Preis verglichen. Euer Vorteil beim Kauf eines Online Keys ist eine Ersparnis von 10 - 60 % gegenüber handelsüblichen Preisen im Ladengeschäft. Wieso also ein teures PC-Spiel in Retail Verpackung kaufen, wenn die Hülle doch nur im Regal verstaubt? Schaut euch also in unserem Preisvergleich um und sucht euch den günstigsten Keyshop heraus!</p>
    <div id="box2">
    <h3>Sicherheit & Zahlung</h3>
    <p>Wir von diamondkey.de legen sehr viel Wert auf Legalität und Sicherheit der Shops im Preisvergleich. Alle Keyshops auf unserer Seite wurden von uns geprüft und erst nach jahrelanger Erfahrung aufgenommen. Eine Vielzahl an Zahlungsmethoden wird euch von den Shops zur Verfügung gestellt. Um nur einige zu nennen: Paysafecard, Paypal, Überweisung und Click & Buy. Alle Shops bei Diamondkey.de sind legal, sicher und vertrauenswürdig. Viele Shops geben sogar eine Key-Garantie für die Legalität ihres Keys.</p>
    </div>
    </div>
</div>

hier noch ein link http://diamondkey.de/test/

 

[bdt600]

Immer wieder gerne genommen: http://validator.w3.org/check?verbose=1&uri=http://diamondkey.de/test/

Außerdem hast du die Boxen ineinander verschachtelt

 

[Nerdy]

<div id="main-header">
    <div id="main-header-more"></div>
</div>
<style>
    * {
        margin:0;
        padding:0;
    }
    #box1 {
        height: 210px;
        width: 460px;
        background-color: #456

    }
    #box2 {
        height: 210px;
        width: 460px;
        background-color: #456
    }
    #angebot1 {
        float: left;
    }
    #angebot3 {
        margin-top: -5px;
    }

</style>
<div id="main-content" style="margin-top: -45px;">
    <h1>Startseite</h1>
    <div id="angebot1">
        <img src="http://diamondkey.de/img_host/www/index.php?/photo/action/view_image/photo_link/52dbe1a0d4366" style="border: 0px;" />
     </div>
     <div id="angebot2">
        <img src="http://diamondkey.de/img_host/www/index.php?/photo/action/view_image/photo_link/52dbe1d5accc9" style="border: 0px;" />
     </div>
     <div id="angebot3">
        <img src="http://diamondkey.de/img_host/www/index.php?/photo/action/view_image/photo_link/52dbe1ebd2130" style="border: 0px;" />
     </div>

    <div id="box1">
    <h3>Vorteile & Leistungen</h3>
    <p>Wir von diamondkey.de bieten einen unbestechlichen und immer aktuellen Preisvergleich der neuesten und beliebtesten PC-Spiele. Es werden aber auch andere virtuelle Güter wie zum Beispiel Gold, Gamecards usw. immer zum fairsten und besten Preis verglichen. Euer Vorteil beim Kauf eines Online Keys ist eine Ersparnis von 10 - 60 % gegenüber handelsüblichen Preisen im Ladengeschäft. Wieso also ein teures PC-Spiel in Retail Verpackung kaufen, wenn die Hülle doch nur im Regal verstaubt? Schaut euch also in unserem Preisvergleich um und sucht euch den günstigsten Keyshop heraus!</p>
    </div>
    <div id="box2">
    <h3>Sicherheit & Zahlung</h3>
    <p>Wir von diamondkey.de legen sehr viel Wert auf Legalität und Sicherheit der Shops im Preisvergleich. Alle Keyshops auf unserer Seite wurden von uns geprüft und erst nach jahrelanger Erfahrung aufgenommen. Eine Vielzahl an Zahlungsmethoden wird euch von den Shops zur Verfügung gestellt. Um nur einige zu nennen: Paysafecard, Paypal, Überweisung und Click & Buy. Alle Shops bei planetkey.de sind legal, sicher und vertrauenswürdig. Viele Shops geben sogar eine Key-Garantie für die Legalität ihres Keys.</p>

    </div>
</div>

ich glaube das mit den verschachtelten habe ich geändert, aber das problem ist immer noch da.

 

[bdt600]

Noch ein Tipp: nutze den Firefox mit installiertem Addon Firebug und kontrolliere mal damit deine Boxen

 

[Nerdy]

hmm.... kann da ehrlich gesagt nichts mit anganfen. bzw. sehe da nichts... was da faltsch laufen sollte

 

[bdt600]

Du siehst da nichts? :(
Ähm, ich würde mal auf die float's achten.

 

[Nerdy]

Danke wie stelle ich meine page aif einer breite von 1440 px und das die bei einen größeren bild schirm immer inner mitte seht ein?

 

[bdt600]

Sag' mal, ist dein google kaputt??? :( Kopfschüttel :(

google -> webseite zentrieren css

 

[threadi]

Abgesehen davon: was macht dann ein Viewport von 1024 mit deiner Seite? ^^

 

[Tronjer]

google -> webseite zentrieren css

Die nächste Frage des TE lautet: "Wo muss ich das einfügen?".