[CSS] Zeilenumbruch verhindern

[FH16]

Auf meiner Homepage (www.juergen-frick.com/fotos) hats eine Fotogalerie, deren Vorschaubilder nebeneinander angezeigt werden. Da ich das Ganze ohne Tabelle machen will, stehe ich vor dem Problem, dass der Browser am Ende der Zeile automatisch eine Zeilenschaltung macht, anstatt alle Bilder nebeneinander darzustellen (mit Scrollbalken).

Im Moment umgehe ich das Problem so, dass alle Vorschaubilder in einem Div-Container der Breite 3000px sind. Besonders elegant scheint mir das aber nicht gerade...

Kennt jemand eine bessere Lösung? Vielen Dank im Voraus!

 

[</Life>]

http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space

 

[FH16]

Danke für den Tipp! Leider hilft er in meinem Fall nicht, da die Seite in Etwa folgenden Code hat:

<div id="container"><div class="bild" style="float:left; text-align:center..."><a...><img...><br>...</a></div> etc...</div>

Wegen dem "float:left" geht das nicht...na ja, was solls: vielleicht kehre ich wieder zur Tabelle zurück...

 

[</Life>]

Hast dus schon mit float: left; clear: none; probiert?

 

[FH16]

Geht leider auch nicht...

 

[</Life>]

Oder ganz pervers: Die einzelnen Bilder nicht mehr float: left sondern dafür
position: relative; top: -<höhe_der_divs>px; left: <breite_der_divs>px;

 

[FH16]

Das Problem ist eben folgendes: unterhalb des Bildes soll noch ein kleiner Text stehen, darum ist jedes Bild (und der Text darunter) in einem div drin. Wenn ich jetzt float:left weglasse, dann ist jeder dieser divs 100% breit (im IE)...geht natürlich ned. Display:inline will natürlich auch nicht, weil dann der Text nicht mehr zentriert dastehen kann.

Die jetztige Variante ist auch doof, weil ich das Problem habe, dass nicht alle Vorschaubilder gleich breit sind und die Seite per PHP generiert wird. Darum kenn ich die Summe der Breiten der Bildchen nicht (will den Server nicht damit quälen, das herauszufinden).

Na ja, back to table scheint wohl das sinnvollste zu sein...trotzdem danke für deine Hilfe (würde dir gerne Karma geben, darf aber nicht, weil ich das vor kurzer Zeit schon gemacht habe...)

 

[</Life>]

"dann ist jeder dieser divs 100% breit" -> width: ???px;

Was das Karma betrifft: Ich helfe hier, damit ich in den Bereichen nicht einroste, rein theoretisch müsste also ICH hier Karma verteilen: "Danke, dass ich dir helfen durfte." -fg-

In dem einen Thread da hatte ich gefragt, weil ich kurz zuvor aus irgendwelchen nicht nachvollziehbaren (ob das an der fehlenden Begründung lag?!) Gründen runtergevotet wurde und das wenigstens ausgeglichen haben wollte.

Ansonsten darf ich mich ohnehin nicht zu sehr ans Karma klammern, weil ich immer wieder auch "berechtigt" welches abgezogen bekomme, wenn ich mal wieder einem Google-Muffel meine Meinung gegeigt habe... Aber damit man rechnen, wenn man für seine Meinung auch dann eintritt, wenn sie der Mehrheit nicht passt... und auf DIESES Recht bestehe ich.

Sprich: Wenn du mir Karma dafür geben möchtest, dass ich dir geholfen habe und das auch kannst, dann mach es ruhig, wenn du es nicht möchtest und/oder kannst dann halt nicht, ich helfe weil ich helfen will und das grundsätzlich erstmal jedem, egal ob Newbie oder Stammforumler (wobei ich hier ja eigentlich auch noch Newbie bin ^_^), ob abgrundtief in den Miesen oder am Limit der Karmavariable ob es dafür jetzt Karma gibt oder nicht ist nichteinmal zweitrangig.

Dann kommt zusätzlich auch noch hinzu, dass ich sowieso nur hier im Programmierforum aktiv bin, von daher nutzt mir das Karma ohnehin nichts, weil es eh nicht viele Gelegenheiten gibt, hier welches abzugreifen.

Und mal ganz im Ernst: Was ist schon eine manipulierbare Punktzahl im Vergleich zu einem gewissen Ruf, den man sich erkämpfen kann/muss?

 

[zero180]

mhh, ich kenne mich zwar nicht so gut aus, aber könnte man das ganze nicht mit einem iframe lösen??

 

[FH16]

Na, ein IFrame löst das Problem leider auch nicht. Grundsätzlich ist die betroffene Seite übrigens schon in einem Frame...von dem her...