1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  2. Unsere jährliche Weihnachts-Banner-Aktion hat begonnen! Wir freuen uns auf viele, viele kreative Vorschläge.
    Mehr dazu könnt Ihr hier nachlesen: Weihnachtsbanner 2016

    Information ausblenden

div mit bestimmtem Abstand und unbestimmter Grösse

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von wapplegraph, 24.02.08.

  1. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Hallo

    Ich möchte ein div, dass von oben und unten einen Abstand von 50px, egal wie hoch das äussere div ist.
    Ich habe es einmal so probiert, doch es klappt noch nicht:

    Code:
    <div style="width:50px; height:200px; border:#000000 solid 2px">
    
    <div style="width:1px; margin:50px auto; background-color:#FF0000;">&nbsp;</div>
    
    </div>
    Wie kann ich dies lösen?
    Der Sinn ist die Umsetzung des inneren Striches => Foto

    Merci wapplegraph
     
  2. Slashwalker

    Slashwalker Winterbanana

    Dabei seit:
    15.05.06
    Beiträge:
    2.190
    Probier mal bei der inneren div:
    margin: auto auto; width: 1px; background-color: rgb(255, 0, 0); height: 100%;

    Sieht bei mir dann so aus:
    [​IMG]
     
  3. Kenso

    Kenso Pomme au Mors

    Dabei seit:
    05.12.07
    Beiträge:
    869
    wie wäre es mit padding-top und padding-bottom im äußeren div?
     
    wapplegraph gefällt das.
  4. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Ok, merci vielmals mit padding hat geklappt.

    Code:
    <div style="width:50px; height:500px; padding-top:50px; padding-bottom:50px; border:#000000 solid 2px">
    
    <div style="width:1px; height:100%; margin:auto auto;background-color:#FF0000;">&nbsp;</div>
    
    </div>
    wapplegraph
     
  5. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    wie funktioniert es jedoch, wenn keine feste Höhe angegeben ist?
     
  6. Slashwalker

    Slashwalker Winterbanana

    Dabei seit:
    15.05.06
    Beiträge:
    2.190
    Wenn die äußere keine feste Höhe hat, wird die Höhe durch den Inhalt (Text/Bilder) definiert. Aber die innere muss schon die feste Höhe von 100% haben.
     

Diese Seite empfehlen