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

Geschlossen
  1. #1
    User Pic
    ekie Mitglied
    Registriert seit
    25.04.2008
    Beiträge
    528
    Beitragswertungen
    7 Beitragspunkte
    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.
  2. #2
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    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.
  3. #3
    User Pic
    Pion Hall Of Fame
    Registriert seit
    25.07.2007
    Beiträge
    870
    Beitragswertungen
    51 Beitragspunkte
    ZitatZitat 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.
  4. #4
    User Pic
    ekie Mitglied
    Registriert seit
    25.04.2008
    Beiträge
    528
    Beitragswertungen
    7 Beitragspunkte
    Beide Varianten klappen nicht, irgendwo muss ein Hänger im Code sein sauer

    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    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
    2 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    ekie Mitglied
    Registriert seit
    25.04.2008
    Beiträge
    528
    Beitragswertungen
    7 Beitragspunkte
    ZitatZitat 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 zwinker

    Danke

    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    ZitatZitat geschrieben von dastiii


    Hilfreich zwinker
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    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! lachen


    Zuletzt modifiziert von dastiii am 21.07.2014 - 22:36:54
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Aber die seite ist echt genial lächeln
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten