Boxen im Footer auch untereinander - aber wie?

[cybermailer]

Hallo,

baue meinen Footer gerade nach Eurer Anleitung um klappt soweit alles.
Nur stehe ich gerade vor einem Problem dass ich kleinere Boxen gerne auch untereinander hätte.
(Klar mit 20 breaks gehts auch - aber wie muss es wirklich aussehen damit er mir mit 1 br runterspringt?)

Danke für Eure Hilfe!

Code: CSS  [Auswählen]

/*Footer*/
#service {
            clear:both;
            float:left; /* eigentlich ueberfluessig */
            width:970px;
            padding:10px 0px 0px 10px; /* oberer und linker Innenrand */
            text-align:center;
            color:#666;
            background-color:#E2E2E2;
            margin-bottom:0px;
            vertical-align:middle;
            border-bottom:2px solid #ccc;
    }
     
/* CONTENT BOX */
#contentbox {
            float:left;
            margin:0px 10px 0px 0px; /* rechter Rand der contentbox */
    }
     
/* INFORMATION BOX */
#informationbox {
            float:left;

    }

Code: XML  [Auswählen]

<div id="service">
        <div id="contentbox"> {$box_CONTENT}</div>
        <div id="contentbox">{$box_INFORMATION}</div>  
        <div id="contentbox">{$box_SICHERHEIT}</div>
        <div id="contentbox">{$box_FINANZIERUNG}</div>
        <div id="informationbox">{$box_NEWSLETTER}</div><br/>
        <div id="informationbox">{$box_INFOBOX}</div>
 
        </div>

Linkback: https://www.modified-shop.org/forum/index.php?topic=20387.0

[cybermailer]

ok hab ich gelöst ist einfacher als ich dachte ...

Code: XML  [Auswählen]

<div id="informationbox">{$box_NEWSLETTER}{$box_INFOBOX}</div>

Einfach Nebeneinandersetzen das Ganze.

Vielleicht hat jemand das gleiche Problem das nun die Boxen zentriert bzw. gleichmäßig verteilt werdens sollen einfach das Stylesheet ergänzen:

Code: CSS  [Auswählen]

width: 25%;
border-right: 1px solid #fff;

Und dazu ein Trennstrich zwischen den Boxen.

Eine Frage hätte ich jetzt aber tatsächlich:

Wie bekomme ich den Trennstrich für alle Boxen gleich lang sonst hört er auf nachdem die Box aus ist?

[e-moves]

Hallo,
indem du den Boxen eine feste height zuweist.
Du solltest statt id lieber class verwenden. Eine ID sollte nur einmal pro Seite vorkommen. Ist sonst nicht valide.
Grüße

[cybermailer]

ok. Danke für den Tipp werde ich berücksichtigen.