Div Box scrollen, mit float boxen inhalt
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... :oops: 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!!! |
Re: Div Box scrollen, mit float boxen inhalt
Zitat:
|
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! :lol: |
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..
|
Zitat:
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 Zitat:
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 |
Zitat:
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... :oops:
jetzt mach ich lieber alles untereinander - dann brauch ich auch kein float und keinen vertikalen scrollbalken :roll: |
Alle Zeitangaben in WEZ +2. Es ist jetzt 17:41 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023