Hallo!

Mal wieder n Problem zu später Stunde.

Ich hab ne Box, mit overflow: auto.
Dann packe ich Boxen rein die sollen vertikal nebeneinander aufgreiht werden. Das mache ich mit float: left.
Dann will ich aber, das die Boxen nich nen "Zeilenumbruch" machen, sondern
weiter nebeneinander kommen, und die übergeordnete Box scrollbar ist.

Ist das möglich und wenn ja wie?


Noch eine Frage... Wie kann ich die Höhe aller Boxen nach der mit dem längsten Inhalt angleichen?

danke schonmal fürs lesen!

Nachtrag:

vielleicht erklärt der Screenshot das Problem am besten:

http://www.toxz.de/1.gif

die grünen boxen sollen alles nebeneinander sein!!!

np, du könntest etwas code zeigen dazu

__________________
Shibby.....

Mein Blog

Hallo!

Hier is n Codeauszug:


der CSS Teil:

.startmap_box {
background: #000000;
}

.startmap_box_out {
position: relative;
float: left;
margin: 1%;
padding: 1%;
width: 22.5%;
height: auto;
background:#ffffff;
font-size: 60%;
}

.startmap_box_in1 {
text-align: center;
width: 90%;
padding: 5%;
background:#99c349;
}

der HTML Teil:

<div class="startmap_box">

<div class="startmap_box_out">
<div class="startmap_box_in1">
Kommunikation & Gesellschaft
</div>
</div>
<div class="startmap_box_out">
<div class="startmap_box_in1">
Kommunikation & Gesellschaft
</div>
</div>
<div class="startmap_box_out">
<div class="startmap_box_in1">
Kommunikation & Gesellschaft
</div>
</div>
<div class="startmap_box_out">
<div class="startmap_box_in1">
Kommunikation & Gesellschaft
</div>
</div>
<div class="startmap_box_out">
<div class="startmap_box_in1">
Kommunikation & Gesellschaft
</div>
</div>
<div class="startmap_box_out">
<div class="startmap_box_in1">
Kommunikation & Gesellschaft
</div>
</div>


Für die Boxen wollte ich folgende Darstellung:

xxxxxxx

yyyyyyy
yyyyyyy
yyyyyyy


leider siehts dann so aus:

xxxxx
xx

yyyyy
yy
yyyyy
yy

rätsels lösung:


anstatt <div> nehme man <span>


und setzte


white-space: nowrap;


mit ein - und es geht!

nur leider lässt sich keine height und width für die span boxen einstellen...

ist das normal?

ja denn der span ist ein Inline-Element..

__________________
Shibby.....

Mein Blog

Ja. span ist ein inline-Element. edit: @swoop: grmbl, naja: doppelt hält besser

zu deinem Ausgangs-Problem: float-Boxen brechen immer um, wenn der Platz nicht ausreicht. Das gehört zum Prinzip dieser Eigenschaft.
Ich kann dein Problem anhand der obigen Quelltext-Schnipsel nicht nachvollziehen. Da gibt es kein Element mit overflow-Eigenschaft.
Bitte poste einen Code, der das Problem nachvollziehbar macht. Wie sowas aussieht, kannst du hier nachlesen:
http://www.xhtmlforum.de/viewtopic.php?t=1399

Gar nicht. Das kann man nur vortäuschen. Stichwort: faux columns

Grüße
fricca

danke für die antworten

hätte gedacht das geht, hier hatten sie auch irgendwie die breite eines span festgelegt:

http://www.bigbaer.com/css_tutorials...l.tutorial.htm


das fehlende overflow element hatte ich nicht gepostet.
was ich gepostet hatte war alles in der div box drin.

die div boxen unterstützen das nowrap wohl nicht wie span?
...wahrscheinlich, da bei mir sich dadurch nichts geändert hat.

p.s. das nächste mal nutz ich die Code-Auszeichnung

ein span-Element mit float-Eigenschaft wird als Block-Level-Element dargestellt. Dann kann auch eine Breite vergeben werden - das macht dann aber keinen Unterschied zu dem vorherigen div-Element...

BTW: div und span sind semantisch bedeutungslos. Besser wäre die Verwendung von sinnvollen Elementen, z.B. p-Elemente wenn es sich um Textabsätze handelt, h-Elemente, wenn es Überschriften sind usw.

schwieriges problem...

jetzt mach ich lieber alles untereinander - dann brauch ich auch kein float und keinen vertikalen scrollbalken