[CSS] Hoe tekst om div een laten lopen...

[Woudloper]

Ik weet het, het is vrijdag en we hebben net kerst gehad! Maar toch ff nog een vraagje zo vlak voor het weekeind...

Momenteel ben ik hier aan het knutselen met absolute positioneringen van layers (divs) en dat gaat bijna helemaal goed!

Ik heb echter een probleem en dat is dat ik het graag voor elkaar wil krijgen dat de tekst in het #content blok (de lorum impus) om het #info blok heen gaat. Een beetje het idee van float: left;. Echter werkt dat natuurlijk hier niet omdat ik met absolute positioneringen werk...

Vraag: Iemand van jullie een idee hoe dit opgelost moet worden met CSS??

_{PS: In dit topic heb ik ook al met dezelfde positionering gestoeit, maar wat jullie nu zien is dus een toevoeging}

[ Voor 3% gewijzigd door Woudloper op 18-09-2005 23:09 ]

[Verwijderd]

simpel: drop onmiddellijk die absolute positionering, die heb je namelijk helemaal nergens voor nodig

Ajs je de menu en info div's allebei de css properties float: left; clear: left; meegeeft, dan kom je al wel aardig in de buurt.
De rest doe je met margins en paddings.

[ Voor 8% gewijzigd door Verwijderd op 27-12-2002 17:12 ]

[Verwijderd]

Weet niet of dat gaat lukken. Ben niet verder gekomen dan dit:

code:

<div style="border:2px solid #000066; 
    background:#FFFF00; 
    position:absolute;
    width:200px;
    top:20px; 
    left:100px;
    padding:10px;">
    <div style="float:left; 
        margin:200px 10px 10px -90px; 
        border:2px solid #000066; 
        background:#FFFFFF;">
        <ul>
            <li>Lodidodi</li>
            <li>We like to party</li>
            <li>We don't cause trouble</li>
            <li>We don't bother nobody</li>
        </ul>
    </div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    <div style="clear:both;">
</div>

Maar daarmee gaat alles boven de menu-div nog de mist in...misschien dat je er iets aan hebt.