CSS opbygning

Hvad er spørgsmålet? :)

Du har måske:

<div class="storboks">

  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>

</div>

Og så CSS'en:

.storboks {
  overflow: auto;
  width: 500px;
}

.lilleboks {
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid blue;
}

Så har du lidt at lege med. =)

Læg i øvrigt en margin på .lilleboks, hvis de små bokse skal have noget mellemrum imellem sig!

Du er en sand mester.
Ikke nok forstod du beskrivelsen, men du forstod også mit manglende spørgsmål.

Mange tak :)

Et hurtigt opfølgende spørgsmål, som jeg håber at du også kan besvare :-)

Hvis jeg fjerner højden i de små bokse, og lader antallet af linieskift bestemme højden. Hvordan sikrer jeg så at den fastholder linierne, altså at der kun kommer én boks pr. linie.

Prøv denne:

<div class="storboks">

  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>

  <div class="splitter">&#160;</div>


  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>
  <div class="lilleboks">Tekst</div>

<div class="splitter">&#160;</div>
</div>

CSS:

.splitter
{
height:1px;
width:100%;
clear:both;
display:block;
margin:0;
padding:0;
}

Tak for point! :)

Hvis jeg forstår dig korrekt, så er du nødt til at lægge hver række af små bokse ind i en:

<div class="lilleboks_container">
  [SMÅ BOKSE HER]
</div>

og så tilføje CSS'en:

.lilleboks_container {
  overflow: auto;
}

:)

Øv, for så mister jeg jo noget af den fleksibilitet ved ikke at bestemme hvor linieskift skal være.