[HTML/CSS/DIV]Gekloot met div's .... Tabel werkt niet

[genesisfm]

Beste,

Op de volgende pagina zie je het resultaat:

http://www.internetradios.nl/gekloot/indextest.html

Zoals je ziet mis je 9 10 15 16 omdat er een andere div overheen geplakt is.
De bedoeling is dat alle div's opschuiven en radio in het midden komt te staan.
dus:

1 2 3 4 5 6
7 8 ra 9 10
11 12 di 13 14
15 16 17 18 19 20

Wie kan mijn ermee helpen dat het zo gaat werken?

Btw de pagina moet uit div's blijven bestaan.

Thx grtz Rob

[Verwijderd]

Ik zie een absolute gepositioneerde div met een background-color....en die staat precies op dat punt...begin maar eens met het weghalen van de background-color in #radioplayer div.

[MJV]

De radio-div niet absoluut positioneren. Plaats 'm eens na 8? Verder zul je misschien met float: het eea. nog moeten fatsoeneren.

Waarschijnlijk is het het makkelijkste om de div's er links van 7-8-13-14 in een container te gooien en die een float:left te geven, en zo hetzelfde maar dan met een float:right voor de div's aan de rechterkant.

[ Voor 45% gewijzigd door MJV op 08-12-2007 10:15 ]

[genesisfm]

De radio div is absoluut gepositioneerd dat klopt, is gedaan als test en om aan te geven wat de bedoeling is.
Als dat niet gedaan wordt dan komt ie netjes achter alle andere div's te staan.

Een oplossing mbt in containers gooien is dat wat minder handig als ik in een loop (php code) die div]s wil gaan vullen.
Het is namelijk de bedoeling dat de links boven div nr 1 wordt rechts boven nr. 6 en uiteindelijk zo iedere rij (muv die radio div).

Even een voorbeeld wat ik wil (is echter alleen met een tabel opgelost: http://www.onlineluisteren.nl/

[genesisfm]

DutchBlood schreef op zaterdag 08 december 2007 @ 10:12:
De radio-div niet absoluut positioneren. Plaats 'm eens na 8? Verder zul je misschien met float: het eea. nog moeten fatsoeneren.

Waarschijnlijk is het het makkelijkste om de div's er links van 7-8-13-14 in een container te gooien en die een float:left te geven, en zo hetzelfde maar dan met een float:right voor de div's aan de rechterkant.

Kan iemand mijn een voorbeeld code geven? Ik geraak er niet aan uit

Alvast bedankt!

[MJV]

genesisfm schreef op woensdag 09 januari 2008 @ 16:47:
[...]


Kan iemand mijn een voorbeeld code geven? Ik geraak er niet aan uit

Alvast bedankt!

Ik zou iets doen als.
_{Quick and dirty}

HTML:

<script type="text/css">
div#co_totaal {
        /* deze centreren */
       margin-left: auto;
       margin-right: auto;
}
div#container_boven {
    width: 800px; 
        height: 100px;
}
div#co_links {
    /* container voor links van radio */
    width: 200px;
    float: left;
       height: 200px;
}
div#co_radio {
    width: 200px;
         height: 200px;
         display: inline;
}
div#co_rechts{
    width: 200px;
    float: right;
         height: 200px;
        display: inline;
}
div#co_onder {
    width: 600px;
height: 200px;
}
</style>
<div id="co_totaal">
    <div id="container_boven">
    123456
    </div>
    <div id="co_links">
    7 8 <br />
    13 14
    </div>
    <div id="co_radio">
    Radio
    </div>
    <div id="co_rechts">
    11 12<br />
    17 18
    </div>
</div><!-- end totaal -->

[ Voor 5% gewijzigd door MJV op 10-01-2008 11:53 . Reden: Display: inline ]