Text + Video

Billbos

Hallo,

ich habe einen Bereich von 710px. Links davon soll ein Text (200px) stehen, der padding-right: 10px aufweist, rechts soll ein Video sein (500px).
Hier mein Ansatz:

Code

div#containerblog {
    margin: 30px auto 0 auto;
    width: 910px;
    padding: 20px 25px 200px 25px;
    }

div#containerblog .blog {
    width: 710px;
    float: left;
    margin-right: 15px;
    padding-right: 14px;
    border-right: 1px dotted #c2c2c2;
    }

div.containerblog .blog-text {
    width: 200px;
    padding-right: 10px;
    float: left;
    }

div.containerblog .blog-video {
    width: 500px;
    float: right;
    padding-bottom: 10px;
    }

div#containerblog .archiv {
    width: 150px;
    float: left;
    margin-left: 15px;
    }

Alles anzeigen

und hier der Link:

http://danielsfotos.com/blog.php

Danke schonmal! PS: Leider ist das Video unter dem Text!

Bandit

Sieh' dir das mal im Firefox mit dem Addon Firebug an, dann erkennst du das Problem.

Billbos

Schon gemacht, Anfangs dachte ich es würde am width liegen oder am clear, doch da komme ich zu keinem passablen Ergebnis!

Bandit

Mein Firebug ist der Meinung, dass das Div-Element "blog-text" diese CSS-Eigenschaften hat:

Code

* {
    margin: 0;
    padding: 0;




}

Wieso siehst du das nicht?

Billbos

Ich sehe es, doch wieso sollte ich ihm ein margin zuweisen?
Es soll doch nur links gefloatet werden und keinen weiteren Abstand mehr haben.

Bandit

Ähm, du willst doch nicht nur margin und padding auf 0 haben, sondern auch

width: 200px; padding-right: 10px; float: left;

Das fehlt doch komplett!

Billbos

Heißt das so viel, wie, dass ich kein width, margin und padding definieren soll?

Bandit

Boahhhh, du willst das:

Code

.blog-text {     width: 200px;     padding-right: 10px;     float: left;     }

Firebug sagt aber, dass du nur das hast:

Code

* {     margin: 0;     padding: 0; }

Also?!?!? Muss das Problem doch wohl hier liegen:

Code

div.containerblog .blog-text {     width: 200px;     padding-right: 10px;     float: left;     }

Tags