tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von CPoly
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
511
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 09.03.11 20:06 #1
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    Moin zusammen,
    ich bin hier grad am Durchdrehen und bevor ich mein Laptop an die Wand klatsche, möchte ich euch die Möglichkeit geben, dies zu verhindern

    Es geht um folgenden Code:
    HTML-Code:
      <body style="background-color:#aaa;margin:0px;padding:0px;">
    <div style="position:absolute;width:950px;margin-left:-475px; margin-top:50px;left:50%;>
      <div style="background-image:url(gfx/sky.jpg); height:150px;text-align:center;">
      Test
      </div>
      <div style="background-color:#EDE4C0; height 30px;text-align:center;">
        <ul style="display:inline;">
          <li style="list-style:none; display:inline;">Link1</li>
          <li style="list-style:none; display:inline;">Link2</li>
        </ul>
      </div>
      <div style="background-color:#fff;padding:5px 5px 15px 5px;">
      <p style="padding-top:15px;">
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
      </p>
      </div>
      <div style="background-color:#EDE4C0;height:50px;text-align:center;">
        <p style="padding-top:15px;">copyright by blablabla</p>
      </div>
    </div>
  </body>
    Dabei im Speziellen um das letzte <div>. Dort habe ich ein <p> eingebaut, welches ich nun per padding-top:15px; ein wenig nach unten verschieben will, damit es vertikal mittig aussieht.
    Sobald ich aber den padding-Wert setze, erscheint ein Abstand zwischen diesem und dem <div> "darüber".
    Ich hab schon des öfteren nach diesem Schema "gestaltet" und kapiere gerade einfach nicht, wie das zustande kommt.

    Wer mag helfen?
    Danke!
     
    Zitieren Zitieren
  2. 09.03.11 20:21 #2
    CPoly CPoly ist offline Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Bist du sicher, dass es nicht am default Wert des p-Elements für "margin" liegt? Setz mal explizit "margin:0px;"
    Eiszwerg bedankt sich. 
    Zitieren Zitieren
  3. 09.03.11 20:27 #3
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    Ich fürchte, Du hast mein Schlepptop gerettet... Gleich schrei ich - wie kann man nur so blind sein******
    Danke!

    Ich lass das Thema erst noch mal geöffnet, falls ich auf weitere ähnliche Herausforderungen stosse.
     
    Zitieren Zitieren
« Probleme mit Layoutportierung / CSS Umstrukturierung | Selbstskalierende Webseite ? ;) »

Ähnliche Themen

  1. Mit FPDF-Klasse padding-left: 2px; padding-right: 2px;
    Von Thomas_Jung im Forum PHP
    Antworten: 2
    Letzter Beitrag: 23.02.11, 07:44
  2. Formular verschiebt padding!
    Von FXSR im Forum CSS
    Antworten: 7
    Letzter Beitrag: 26.06.08, 21:18
  3. IE und padding um hr
    Von saimoto im Forum CSS
    Antworten: 5
    Letzter Beitrag: 15.04.05, 13:49
  4. padding-top und padding-bottom Problem
    Von kalfany im Forum CSS
    Antworten: 4
    Letzter Beitrag: 12.03.05, 13:35
  5. Padding-top, Padding-left
    Von Fanatico im Forum CSS
    Antworten: 7
    Letzter Beitrag: 21.06.04, 16:52

Stichworte