Thema: Boxen weiter nach rechts und links, sowie Abstände nach unten ändern

Dafür gibt es für css den Parameter min-width.

Dann sollte das Ganze so lauten:

.float-left {
float:left;
overflow:hidden;
min-width:25%;
}

Reicht nicht. Damit mehr als 25 % dargestellt werden, muß noch eine width-Angabe da stehen. ZB width=100%.

Scheinbar reicht es, da es funktioniert. Wahrscheinlich nach dem Motto mindestens 25% ansonsten so, wie es reicht.

Zitat von The White Wolf

Scheinbar reicht es, da es funktioniert. Wahrscheinlich nach dem Motto mindestens 25% ansonsten so, wie es reicht.

Nein, reicht nicht. Denn die letzte Box unten links müsste ja jetzt über 100% gehen. Also ist es nicht möglich nur eine, zwei oder drei Boxen in einer Zeile mit dynamischer Breite anzuordnen. Es sind entweder vier oder du hast immer Platz nach rechts.


Axel

Mit "reicht" ist gemeint, dass es wie gewünscht aussieht, auch ohne die Zusatzangaben.

Nun habe ich leider ein neues Problem:

http://www.wolf-momm.de/elbstadt-ble...=62&Itemid=122


Die beiden oberen Boxen sollen die gleiche Breite, sowie die rechte Box den gleichen Abstand zum Rand haben, wie die unteren Viererboxen.

Erst habe ich die .float-left probiert, was aber auch nicht den gewünschten Erfolg brachte. Auch die Änderungen an den maintopbox brachte mich nicht weiter.

Mag sich mal jemand dies anschauen und mir weiterhelfen?

Das ist Flickschusterei was du da gemacht hast.
Normalerweise machst du einen äußeren Rahmen über die ganze Breite und dort drinnen die beiden Boxen jeweils zur Hälfte.
Du hast aber eine äußere über 100% und darin eine innere über jeweils nicht ganz 50% und darin dann die eigentliche Box. Bei dir ist die mittlere DIV einfach zuviel. Die weg nehmen und das ganze vernünftig einbauen. Dann klappt das auch. So kann es aber nicht klappen, weil die mittlere die 50% darstellt und dort drin dann die eigentliche Box mit dem Rand rechts dargestellt wird. Dann fehlen natürlich ein paar Pixel.


Herausfinden kannst das übrigens hiermit:
Add-On im Firefox (und im Chrome über 'Erweiterungen'): Firebug - zum analysieren und suchen von CSS-Angaben und mehr in der eigenen Website:
http://getfirebug.com/
(Wobei der Chrome nur eine abgespeckte Version vom Firebug hat).
Und die Hilfe dazu:
http://getfirebug.com/wiki/index.php/Main_Page
Wahlweise im Internet Explorer die F12-Taste drücken.
Im Opera: Ansicht/Entwicklerwerkzeuge --> Opera Dragonfly


Axel

Wie ich schon geschrieben hatte, sind meine Versuche kläglich gescheitert. Ich komme mit Dr. Firebug leider nicht so gut zurecht, sonst hätte ich die Probleme schon selber lösen können.

Das der gesamte CSS Code für die Profis nicht gut anzusehen ist, habe ich auch schon gelesen. Hilft mir aber so leider auch nicht weiter.

Daher meine Anfrage nach Hilfe hier.

Du bekommst doch schon jede Menge Hilfe hier
Du musst halt die mittlere DIV herausnehmen - dann funktioniert das auch. Dazu musst du das Template in die Hand nehmen und darin arbeiten. Eine andere Lösung habe ich leider nicht für dich.
Ich habe heute Nacht verschiedene CSS-Möglichkeiten ausprobiert, aber davon funktioniert nichts. Eben weil die mittlere die Box korrekt ausgibt, aber die dritte Ebene ja etwas Platz nach rechts braucht.
Leider sind in der dritten Ebene die Boxen selber dargestellt. Was das ganze eben nicht so ganz einfach macht. Da musst etwas grundlegendes ändern, sonst sehe ich so keine Möglichkeit. Zumindest übersteigt das meine Supporterfähigkeiten hier, weil eben das Template teilweise umgebaut werden muss. Aber das ist weder in 2 Minuten möglich, noch auf dieser Ebene machbar, weil man einfach den ganzen Code vorliegen haben muss.


Tut mir ja Leid, aber manchmal reicht es eben nicht mehr, sich hier einen Tipp zu holen. Manchmal muss mehr gemacht werden.
Aber vielleicht hat ja noch jemand hier eine rettende Idee, die mir nicht eingefallen ist...


Axel