Selvom Daniels løsning er fin og fungerer fint, ville jeg foretrække at dine div's fungerer sammen med dine andre elementer og derfor foreslå en løsning der i modsætning til div flytter dine andre elementer som billeder og div.
- <div>
- <div class="inline-div">Den første</div>
- <div>Den anden</div>
- <div>Den tredje</div>
- </div>
- .inline-div
- {
- display: inline-block;
- min-width: 20%;
- max-width: 30%;
- min-height: 200px;
- max-height: 400px;
- margin: 3px;
- }
Jeg personligt er gladere for denne løsning fordi at her har den indflydelse på de andre elementer og har sat den i en anden div fordi så vil indhold nedenunder være på samme linie hvis du har 3 kolonner med forskellig længde indhold i og det samme nedenunder og så vil de 3 under starte i samme niveau.
Indlæg senest redigeret d. 10.07.2012 22:02 af Bruger #17215