Seite 1 von 1

Probleme mit Absatz Abständen unter CSS

Verfasst: 08.05.2009, 19:29
von peterm65
Hallo zusammen,

Vielleicht kann mir ja hier jemand helfen, da ich ansonsten im Internet nicht fündig geworden bin.

Ich arbeite auf meiner Webseite mit einer CSS (nicht selbst geschrieben).

Der folgende CSS Code definiert die Schrift und die Zeilenabstände etc. im Contentbereich:

.doublecol { background: #FFF;
width: 570px;
padding: 0px 0px 10px 0px;
font: normal normal 12px/16px Verdana, Arial, sans-serif;
text-align: left;
vertical-align: top;
border-right: 1px solid #D9DCE4;
}

Nun sind mir die standartmässig vorgegebenen Absatzabstände allerdings zu gross. Es ist kein Problem diese in Frontpage unter Format/Absatz anzupassen. Allerdings beginnt dann logischerweise jeder Absatz mit:

<p style="margin-bottom: -10px">

was sind sehr schön ist und eigentlich doch über das CSS gelöst werden sollte.

Ich habe im CSS schon alles versucht, margin-bottom: -10px; resp. pt usw. eingefügt. Habe die paddings entfernt und nur mit margins gearbeitet. Funktioniert eigentlich alles, nur die Abstände zwischen den Abständen werden nicht kleiner und nebenbei gesagt auch nicht grösser d.h. sie reagieren auf nichts.

Leider kriege ich es nicht gebacken das diese Abstände in irgendeiner Form reagieren.

Weiss eventuell jemand Rat.

Besten Dank und Gruss
Peter

Verfasst:
von
Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:
  • einzigartige Texte
  • suchmaschinenoptimierte Inhalte
  • eine sinnvolle Content-Strategie
  • Beratung und Umsetzung
Jetzt anfragen: 0511 / 300325-0

Verfasst: 08.05.2009, 20:57
von handy-netz24
Wie sieht der andere Quellcode aus?

.doublecol p { background: #FFF;
width: 570px;
padding: 0px 0px 10px 0px;
font: normal normal 12px/16px Verdana, Arial, sans-serif; <-- was ist das??
text-align: left;
vertical-align: top;
border-right: 1px solid #D9DCE4;
}


Aber ich glaube das p fehlt im css code.
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;

Verfasst: 08.05.2009, 21:08
von Hobby_SEO79
Mach mal aus
padding: 0px 0px 10px 0px;

padding: 0px

;)

Verfasst:
von

Re: Probleme mit Absatz Abständen unter CSS

Verfasst: 08.05.2009, 21:10
von Mork vom Ork
peterm65 hat geschrieben:Nun sind mir die standardmäßig vorgegebenen Absatzabstände allerdings zu groß. Es ist kein Problem diese in Frontpage unter Format/Absatz anzupassen. Allerdings beginnt dann logischerweise jeder Absatz mit:

<p style="margin-bottom: -10px">
Frontpage &#8230; Mit einem negativen Außenabstand erreichst du nur, dass das Element andere überlagert. Das ist schlichtweg Bockmist, jedenfalls im vorliegenden Fall.
Der folgende CSS-Code definiert die Schrift und die Zeilenabstände etc. im Contentbereich:

.doublecol { background: #FFF;
width: 570px;
padding: 0px 0px 10px 0px;
Hast du padding hier mal auf 0 gesetzt? Du wirst darüber hinaus auch die Außenabstände (margin) für <p> explizit setzen müssen. Beachte, dass für Abstände zwischen Elementen margin in der Regel die Eigenschaft der Wahl sein sollte, da die margin-Bereiche zweier Nachbarelemente sich überlappen. Hast du also margin auf 10 gesetzt, erhältst du auch 10 Abstand (beide Elemente werden zusammengefasst), nicht wie beim Einsatz von padding 2 x 10 (für jedes Element einzeln).

Ansonsten: Firefox besorgen, mit Firebug ausstatten und die verantwortlichen CSS-Eigenschaften erstmal von Hand ausfindig machen. Und bei Gelegenheit Frontpage in die Tonne treten.

Verfasst: 08.05.2009, 21:49
von peterm65
Danke für die Hinweise - hab ich alles schon versucht nur leider klappt nichts.

Verfasst: 09.05.2009, 18:23
von ishmael
Hast du nicht ein Link zu der Seite? Oder wenigstens das entsprechende Markup dazu? Hier an diesem Schnipsel CSS-Code rumzuraten grenzt an Kaffeesatzleserei.