✔ Problem mit overfow

[Blackylein]

Hallo!

Ich habe folgendes Problem.
Auf dieser Seite: http://www.wimmer-holzer.net/hakbaden/index.php
habe ich ein overflow definiert. Nur sollte die horizontale Scrollleiste nicht sein.

CSS: http://www.wimmer-holzer.net/hakbaden/css/style.css

MfG
Bl4cky

 

[Maik]

Der Grund hierfür ist folgender Selektor und darin die fettmarkierten Werte für die margin-Eigenschaft:

p {

  margin:3px -1px 0 7px; padding:-3px 1px 0 0;

}

 

[Blackylein]

und wie genau behebe ich das?

die fett markierten Werte sorgen dafür, dass der Text schönen Abstand vom Rand hat

und auch wenn ich das auf 0 setze ist hier:

http://www.wimmer-holzer.net/hakbaden/index.php?section=bildungsangebot

eine horizontale Leiste

 

[Maik]

Erweiter das Stylesheet mal mit folgenden Selektoren:

.content p { 
margin:0; 
padding:3px 1px 0 7px; 
}

.content h1 {
margin:0; 
padding:3px -1px 20px 7px; 
}

 

[Blackylein]

auf der Indexseite passt es jetzt aber bei dem Menüpunkt Bildungsangebot ist die horizontale Leiste immer noch da

 

[Maik]

Schau dir bitte nochmal meinen editierten Lösungsvorschlag an, da dies auch für das h1-Element zutrifft

 

[Blackylein]

ja richtig hab ich nicht gesehen, sry

cool, jetzt ist die horizontale Scrollleiste weg
nur, egal was ich hier

.content h1 {
margin:0; 
padding:3px -2px 20px 7px; 
}

ändere, die Überschrift rückt nicht mehr vom Rand weg

 

[Maik]

Probier es mal so:

.content h1 {
margin:0; 
padding:3px 0 20px 7px; 
}

 

[Blackylein]

perfekt
dankeschön

 

[Maik]

Bitte schön

Viel Spaß und weiterhin viel Erfolg mit deinen Projekten.