+ Antworten
Ergebnis 1 bis 5 von 5

Thema: margin Problem

  1. #1
    TP-Senior Andy89 ist auf einem guten Weg
    Registriert seit
    Jul 2008
    Beiträge
    132

    margin Problem

    Hallo, ich verstehe nicht wo hier der Fehler ist . Ich möchte eine Hervorhebung mit 10px Abstand nach oben haben.
    Nur wird die Hervorhebung nicht innerhalb des DIV Inhalt ausgeführt, der DiV selbst wird verschoben.
    Code:
    *
    { 	
    margin:0px; 
    padding:0px;
    }
    html, body {
      font-size: 100.01%;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      color:#333;
      padding: 0 1em 0 1em;
      background-color:#003399;
      }
    
    #umring {
    	width:80%;
    	text-align: left;
    	vertical-align: middle;
    	margin: 0px auto;
    	padding: 0px;
    	border: 1px solid #000;
    	background-color: #0033CC;
    }
    
    
    #inhalt { 	
    text-align: left;
    margin: 0 30px 0 0; 
    padding: 0 5px 5px 5px;
    border-left: 1px solid #000;
    border-bottom:1px solid #000;
    background:#fff;
    height:500px;
    
    }
    
    .titel
    {
    margin-top:10px;
    font-size: 11px;
    font-weight:bold;
    background-color: #FFCC33;
    }
    HTML TEIL
    HTML-Code:
    <body>
    <div id="umring">
    <div id="inhalt"><p class="hervorhebung">TEST HERVORHEBUNG</p></div>
    </div>
    </body>
    Was mach ich denn hier falsch?

    Viele Grüße und einen schönen Sonntag
    Andy

  2. #2
    TP-Supporter sejuma bringt sich richtig ein
    Registriert seit
    Jun 2008
    Ort
    Ludwigshafen
    Beiträge
    343
    Zum einen hast du die Klasse ".hervorhebung" offensichtlich nicht definiert bzw. zumindest ist das nach deinem CSS-Code nicht erkennbar; zum andern könnte es an den margin/padding-Werten von #inhalt liegen.
    Am besten mal einen Link posten.

  3. #3
    TP-Senior Andy89 ist auf einem guten Weg
    Registriert seit
    Jul 2008
    Beiträge
    132
    Sorry habe ich falsch kopiert.

    Code:
    .hervorhebung
    {
    margin:20px 30px 0 20px;
    font-size: 11px;
    font-weight:bold;
    background-color: #FFCC33;
    
    }
    und hier der Link
    http://guckstdu.bplaced.net/test.php

    danke

  4. #4
    TP-Veteran wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE Avatar von wildmieze
    Registriert seit
    Dec 2003
    Beiträge
    1.720
    such mal im Forum oder bei Google nach "collapsing margins" - das scheint hier der Fall zu sein .. ich stolper auch immer wieder drüber, aber fühle mich in dem Thema immer noch nicht fit genug, eine Lösung zu posten (außer mal padding statt margin zu nehmen, aber das geht ja wegen der Hintergrundfarbe von .hervorhebung schlecht..).

  5. #5
    TP-Member koslowski macht alles soweit korrekt
    Registriert seit
    Mar 2009
    Beiträge
    60
    Hi,

    ausser padding verhindern Rahmen Collapsing Margins.

    Gib #inhalt einen Rahmen, dann klappts auch mit dem Abstand.

+ Antworten

Ähnliche Themen

  1. problem mit margin innerhalb des div
    Von alexf812 im Forum HTML & CSS
    Antworten: 3
    Letzter Beitrag: 22.08.2007, 23:07
  2. problem mit margin bei ul-tag
    Von theo im Forum HTML & CSS
    Antworten: 8
    Letzter Beitrag: 04.06.2007, 00:54
  3. IE Problem bei margin
    Von Acronis im Forum HTML & CSS
    Antworten: 11
    Letzter Beitrag: 06.12.2005, 19:30
  4. Problem mit verschachteltem margin-top
    Von Kakao im Forum HTML & CSS
    Antworten: 5
    Letzter Beitrag: 02.12.2005, 18:26
  5. float und margin - Problem im NS6
    Von Nele im Forum HTML & CSS
    Antworten: 0
    Letzter Beitrag: 23.10.2004, 00:49

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51