Jag vill att mina float-boxar ska hamnahorizontellt istället för vertikalt.
Som det är nu så hamnar boxarna under varandra när det blir för trångt i div:en.
Men jag vill alltså att de hamna bredvid varandra istället.

Är det någon som har en ide om hur jag ska göra?
Min kod ser ut som följer:
I cssen
<code>
/*Start Boxar - istället för tabeller.*/
div.float
{
background-color:Transparent;
color:#ffffff;
float:left;
width:246px;
height:180px;
padding:4px 4px 4px 4px;
}
span.float
{
border:solid 1px #ffffff;
background-color:Transparent;
color:#ffffff;
float:left;
width:246px;
height:180px;
padding:4px 4px 4px 4px;
}
.float A:link{color: #227BCE;text-decoration: none;}
.float A:visited{color: #227BCE;text-decoration: none;}
.float A:hover{color: #227BCE;text-decoration: none;}
.float A:active{color: #227BCE;text-decoration: none;}
.float A:focus{color: #227BCE;text-decoration: none;}

div.float p
{
text-align:left;
}
img.float
{
width:75px;
border:0px;
margin-top:2px;
}
div.container
{
padding:0px 0px 0px 0px;
background-color:Transparent;
width:733px;
height:360px;
overflow:auto;
}
div.spacer
{
clear:both;
}
div.spacerBorder
{
clear:both;
border-bottom:solid 1px #000000;
width:100%;
}
/*Slut Boxar*/
</code>
HTML
<code>
<div class="container">
<span class="float">
P8400
</span>
<span class="float">
P8400
</span>
<span class="float">
P8400
</span>
<span class="float">
P8400
</span>
<span class="float">
P8400
</span>
<span class="float">
P8400
</span>
</div>
</code>

Använd en tabell om du nödvändigtvis vill placera boxarna horisontellt.

Tabeller är av ondo.

Finns det ingen lösning så att jag slipper tabeller?

Ifall du vill att de ska hamna bredvid varandra så måste du ju se till att de får plats bredvid varandra.

Så det går inte att få en horisontell scroll? Aah, nu fick jag en ide. Om det funkar skriver jag in det här.

Tack för hjälpen!

Jag satt width till typ 3246px och då gick det. Ett litet problem är att jag hämtar datat från en databas och om det läggs till något där blir det för smalt och allt hamnar på fel ledd.

Ok, löste det sista med att räkna antalet rader gångra det med storleken av floaten, dela det med två (för att få allt på två rader) och sedan läsa in värdet i diven.

Dvs. <code><div class="container" style="width:<%=amount%>">...</div> </code>