zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden hilfe bei styling problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.04.2008, 02:06
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 18.12.2005
Beiträge: 161
opa-rudi befindet sich auf einem aufstrebenden Ast
Standard hilfe bei styling problem

hallo forum,

ich habe ein kleines problemchen mit einer css formatierung:

Code:
<div id="container" style="background:red;">

<p style="margin-bottom:50px;">hallo welt</p>

</div>

<div style="background:green;">hallo welt</div>
ich möchte gern, dass das margin-bottom von <p> den container <div> um diesen wert nach unten streckt, sodass der grüne div direkt unter dem roten div sitzt. derzeit wird das margin-bottom von <p> zwischen beiden <div> angewandt.

was geht, aber ausgeschlossen werden muss: dem container <div> ein padding-bottom von 50px zu geben und dem <p> dafür keinen margin-bottom-wert.

hat jemand eine andere lösung parat?

vg
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.04.2008, 09:40
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Servus Opa!
Zitat:

<style type="text/css">
* {
padding:0;
margin:0;
}
</style>

</head>
<body>

<div id="container" style="background:red; padding: 0 0 50px;">

<p >hallo welt</p>

</div>

<div style="background:green;"><p>hallo welt</p></div>

</body>
</html>
Gib dem Container padding.
Semantisch korrekt sollte der Text im 2. Div in einem p stehen, oder statt dem div gleich das p verwendet werden (wenn in das Div nicht noch anderes rein soll).
Damit es keine unerwünschten Abstände ergibt, verwendest Du den CSS Prolog. Wie oben innerhalb head.
Deine inline Styles schreibst Du noch in das CSS?

beste Grüsse

Geändert von paracelsus (24.04.2008 um 11:37 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.04.2008, 14:50
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Hi,

ich zitiere mal
Zitat:
Zitat von opa-rudi Beitrag anzeigen
was geht, aber ausgeschlossen werden muss: dem container <div> ein padding-bottom von 50px zu geben und dem <p> dafür keinen margin-bottom-wert.
Leider kenne ich aber auch nur die Lösung mit padding-bottom für das div.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Wieder mal ein IE6 Problem... Bitte drigend um Hilfe! amigo89 CSS 2 16.09.2008 13:24
HILFE, ich brauche Hilfe von Profis! frambuesa CSS 13 13.06.2008 23:46
Imagemap Problem - Doppelte Anzeige im IE nevermind CSS 10 17.07.2006 22:38
Problem mit 3 Spaltigem Layout stipo CSS 0 27.05.2006 21:58
benötige dringend hilfe (für euch kein problem) Olaf CSS 1 08.10.2003 11:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:31 Uhr.