Div Space

Gehe zu Seite:

Geschlossen

So. 20.07.2014 19:57 Uhr #1

ekie Mitglied

Hallo,
habe momentan wieder ein CSS Problem.
Undzwar möchte ich in einer Spalte Boxen untereinander anordnen.
Leider entsteht kein Platz unter ihnen. Lediglich mit <br> entsteht ein Abstand.

<div class="content_right">
                <div class="box_right">
                    <div class="box_top">Login</div>
                    <div class="box_middle">Username</div>
                </div>
                <br />
                <div class="box_right">
                    <div class="box_top">Partner</div>
                    <div class="box_middle"></div>
                </div>
            </div>

.content_right {
    width: 250px;
    padding-right: 10px;
    float: right;
    padding-top:20px;
}
 
/** Boxen **/
box_right {
    float: right;
        padding-bottom: 20px;
}
 
.box_top {
    background: #CACACA;
    width: 240px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #959595;
    font-weight: bold;
    font-size:13px;
    padding-right: 5px;
    padding-left: 5px;
}
 
.box_middle {
    background-color: #E8E8E8;
    height: auto;
    width: 240px;
    padding: 5px;
}

0 Mitglieder finden den Beitrag gut.

zitieren

So. 20.07.2014 20:25 Uhr #2

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

Gib der Klasse box_right ein padding-top, dann sollte es gehen.

Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein«
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 20.07.2014 20:56 Uhr #3

Pion Hall Of Fame

Registriert seit
25.07.2007

Beiträge
870

Beitragswertungen

Zitat geschrieben von Outi77
Gib der Klasse box_right ein padding-top, dann sollte es gehen.

Dann hat die erste Box aber ja auch nen Abstand nach oben.

Würde mal margin-bottom probieren.
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 20.07.2014 21:21 Uhr #4

ekie Mitglied

Registriert seit
25.04.2008

Beiträge
528

Beitragswertungen

Beide Varianten klappen nicht, irgendwo muss ein Hänger im Code sein
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 20.07.2014 22:09 Uhr #5

dastiii Mitglied

Registriert seit
27.12.2005

Beiträge
2.354

Beitragswertungen

Dir fehlt ein Punkt vor box_right...

Und bitte, bitte: jsfiddle.net/6A6vG/ nutzen.

Zuletzt modifiziert von dastiii am 20.07.2014 - 22:11:38

externer Link
2 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 21.07.2014 09:38 Uhr #6

ekie Mitglied

Registriert seit
25.04.2008

Beiträge
528

Beitragswertungen

Zitat geschrieben von dastiii
Dir fehlt ein Punkt vor box_right...

Und bitte, bitte: jsfiddle.net/6A6vG/ nutzen.

Zuletzt modifiziert von dastiii am 20.07.2014 - 22:11:38

Sehr gutes Auge gehabt

Danke
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 21.07.2014 17:13 Uhr #7

Nex4T Moderator

Registriert seit
28.02.2007

Beiträge
3.414

Beitragswertungen

Zitat geschrieben von dastiii

jsfiddle.net/6A6vG/ nutzen.

Hilfreich

while(!asleep()) sheep++;
www.movely.biz
www.webplant.eu
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 21.07.2014 22:36 Uhr #8

dastiii Mitglied

Registriert seit
27.12.2005

Beiträge
2.354

Beitragswertungen

Man bekommt dadurch auch viel schneller passendere Hilfe, weil andere ihre "Lösung" direkt ausprobieren können und dann auch wissen, ob sie funktioniert.

PS: Nen Editor mit ordentlichem Syntax Highlighting hätte das verhindert!

Zuletzt modifiziert von dastiii am 21.07.2014 - 22:36:54

externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 22.07.2014 16:03 Uhr #9

Nex4T Moderator

Registriert seit
28.02.2007

Beiträge
3.414

Beitragswertungen

Aber die seite ist echt genial

while(!asleep()) sheep++;
www.movely.biz
www.webplant.eu
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Div Space