Ergebnis 1 bis 3 von 3

Thema: margin bzw padding wert rechts funktioniert nicht

  1. #1
    HTML Newbie
    Registriert seit
    18.11.2013
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard margin bzw padding wert rechts funktioniert nicht

    Hallo,
    irgendwie bekomme ich das nciht hin das der abstand rechts funktioniert.
    folgendes Beispiel.

    Code:
    <html>
        <body>
        <!-- Hauptseite -->
         <!-- Header -->
         <div id="page">
        
     
         <div id="header">
     <img src="pics/background.jpg" background-repeat:no-repeat/>
     
         </div>
     
        
     
     
    
     </div>
      
          </body>
    
    
    </html>

    das css dazu

    Code:
    body {
    }
       
    div#page {
    margin:5% 6% 5% 6%;       
                             
    background-color:#BDBDBD;
     
     
    
    }
      
    div#header {
     
    margin:0% 50% 5% 6%;  
    }
    Im Page ist der Header mit einem Bild allerdings funktioniert dort der Abstand rechts nciht. Wenn ich den 2 Wert ändere passiert nie was .

    danke und gruß peer
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Matrox
    Gast

    Standard AW: margin bzw padding wert rechts funktioniert nicht

    Im Css die browserabstände resetten mit dem Universalselector

    HTML-Code:
    * {margin: 0; padding: 0;}

  3. #3
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: margin bzw padding wert rechts funktioniert nicht

    Das sollte man besser nicht machen, da es allen Elementen die vorgegebenen Abstände nimmt. Man muss dann nachträglich alle Abstände wieder mühsam hinzufügen, was aber bei einigen Formularelementen sogar unmöglich ist.

    Besser ist es auf ein CSS Reset auszuweichen, wie es zum Beispiel Yahoo anbietet.
    Hier deren Einstellungen um in allen Browsern das gleiche Ausssehen zu haben:

    Code:
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    fieldset,img { 
        border:0;
    }
    address,caption,cite,code,dfn,em,strong,th,var {
        font-style:normal;
        font-weight:normal;
    }
    ol,ul {
        list-style:none;
    }
    caption,th {
        text-align:left;
    }
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    q:before,q:after {
        content:'';
    }
    abbr,acronym { border:0;
    }
    Auch das ist eigentlich nur dazu gedacht, alles auf Null zu setzen, wie man an den H-Elementen sieht. Die Voreinstellung für das H1 Element sieht folgendermassen aus und wird mit diesem Reset völlig ausser Kraft gesetzt:

    Code:
      h1 { 
           display: block;
    
          font-size: 2em;
    
          margin-before: 0.67em;
    
          margin-after: 0.67em;
    
          margin-start: 0;
    
          margin-end: 0;
    
          font-weight: bold; 
    }
    Man sollte das bedenken, wenn man Reset-Stylesheets einsetzt.

Ähnliche Themen

  1. FF/IE margin ist nicht gleich
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 25.01.2010, 01:49
  2. Margin-Top funktioniert nicht
    Von Darkxor im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 01.12.2009, 00:40
  3. input definieren - padding(?) funktioniert nicht richtig
    Von dieRaute im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 06.09.2008, 13:49
  4. Seiten mit einem Rand links und rechts bzw. nur rechts
    Von Malcolm X im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 24.08.2007, 00:19
  5. rechts ausrichten klappt nicht
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 22.09.2006, 15:06

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •