CSS reageert niet normaal

Hallo,

Ik ben er nu al echt een half uur aan bezig maar het lukt mij niet.

Zoals je hier ziet;

Of beter hier:
http://sander.trixo.nl/portfolio/

Dan zie je dat dat hele twitter gedeelte er lelijk uitziet.
Nu ik probeer het al lang goed te doen.

Er loopt precies iets mis met de float. Want je ziet de eerste loopt wel goed, maar die tweede, wat langere tweet, die staat niet naast de avatar.

Hier heb je de HTML/PHP

[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/echo"]echo[/URL]        [COLOR= #DD0000]<div class="twit">[/COLOR][COLOR= #007700];[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]        [COLOR= #DD0000]<div class="twit_ava">[/COLOR][COLOR= #007700];[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]            [COLOR= #DD0000]<img src="[/COLOR][COLOR= #007700].[/COLOR][COLOR= #0000BB]$tweet[/COLOR][COLOR= #007700]->[/COLOR]user[COLOR= #007700]->[/COLOR]profile_image_url[COLOR= #007700].[/COLOR][COLOR= #DD0000]" alt="" />[/COLOR][COLOR= #007700];[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]        [COLOR= #DD0000]</div>[/COLOR][COLOR= #007700];[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]        [COLOR= #DD0000]<div class="twit_bericht">[/COLOR][COLOR= #007700];[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]            makeLinksClickable[COLOR= #007700]([/COLOR][COLOR= #0000BB]$tweet[/COLOR][COLOR= #007700]->[/COLOR]text[COLOR= #007700]);[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]        [COLOR= #DD0000]</div>[/COLOR][COLOR= #007700];[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]        [COLOR= #DD0000]<div class="twit_tijd">[/COLOR][COLOR= #007700];[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]            timeAgo[COLOR= #007700]([/COLOR][COLOR= #0000BB]$tweet[/COLOR][COLOR= #007700]->[/COLOR]created_at[COLOR= #007700]);[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]        [COLOR= #DD0000]</div>[/COLOR][COLOR= #007700];[/COLOR]
            [URL="http://www.php.net/echo"]echo[/URL]        [COLOR= #DD0000]</div>[/COLOR][COLOR= #007700];[/COLOR]

CSS:

/*twitter*/
        #twitter{
            width:420px;
            border-right:1px solid #DDDDDD;
            height:300px;
        }
        .twit{
            border-bottom:1px solid #DDDDDD;
            width:420px;
            height:75px;
        }
            
        .twit_ava{
            width:48px;
            height:48px;
            border:1px solid #DDDDDD;
            box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2);
            float:left;
        }
        .twit_bericht{
            font-size:12px;
            padding-top:10px;
            padding-bottom:10px;
            padding-left:3px;
            float:left;
        }
        .twit_tijd{
            float:left;
            font-size:9px;
            padding:10px;
        }

Ik ben je echt dankbaar als je kan helpen...

Ik zit hier nu echt al lang aan en het werkt maar niet.

Danku

Misschien is het makkelijker om zoiets met position te doen, zo zou ik het doen iig

Na elke tweet

Milan schreef:

Na elke tweet

Dat is al iets beter, maar het bugt nog steeds bij de langere tweets...

http://sander.trixo.nl/portfolio/

Thommity schreef:

Misschien is het makkelijker om zoiets met position te doen, zo zou ik het doen iig

Geef eens ene voorbeeld van hoe jij het dan zou doen?

Width van div rechts instellen

Milan schreef:

Width van div rechts instellen

Huh wat bedoel je?

De breedte rechts instellen? ?

Je rechterdiv met de tekst erin is te groot waardoor hij onder de linker komt te staan.

Bedankt, het werkt; Nu kan ik verder met het er iets mooi van maken. bedankt