XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Div Box scrollen, mit float boxen inhalt (http://xhtmlforum.de/showthread.php?t=37052)

SURE612 02.10.2005 01:10

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!!!

Swoop 02.10.2005 12:41

Re: Div Box scrollen, mit float boxen inhalt
 
Zitat:

Zitat von SURE612

danke schonmal fürs lesen!

np, du könntest etwas code zeigen dazu ;)

SURE612 02.10.2005 17:10

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

SURE612 02.10.2005 18:52

rätsels lösung:


anstatt <div> nehme man <span>


und setzte


white-space: nowrap;


mit ein - und es geht! :lol:

SURE612 02.10.2005 19:18

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

ist das normal?

Swoop 02.10.2005 19:29

ja denn der span ist ein Inline-Element..

fricca 02.10.2005 19:32

Zitat:

Zitat von SURE612
nur leider lässt sich keine height und width für die span boxen einstellen...
ist das normal?

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

Zitat:

Wie kann ich die Höhe aller Boxen nach der mit dem längsten Inhalt angleichen?
Gar nicht. Das kann man nur vortäuschen. Stichwort: faux columns

Grüße
fricca

SURE612 02.10.2005 19:49

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

fricca 02.10.2005 20:03

Zitat:

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

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.

SURE612 02.10.2005 20:09

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