[Garnele]

Hallo Leute

Ich bin noch nicht so extrem sicher in HTML, ich habe ein "problem" mit padding welches ich einfahc nicht begreife. Ich habe eine Seite, bei der hat der Content ein Hintergrundbild, welches padding "erfordert" da es ansonsten nicht gut aussieht. Links funktioniert das perfekt aber rechts geht mir der Text immer darüüber hinaus, obwohl ich

padding: 0px 25px;

definiert habe.

Hier die Seite: Klick mich

Danke, Garnele

[Xean]

wenn .content nur 640px breit ist, dann geht es.
Ich versuch es mal zu erklären:
für die breite eines Elements (wie einem div) wird das hier alles zusammen gerechnet:

padding-left + width + padding-right
Bei dir wäre das dann:
25 + 700 + 25 = 750px

da deine box nur 690px breit sein sollte (das bild für den oberen rahmen ist 690px breit), ist das viel zu viel.

somit wäre die Überlegung für die richtige breite die hier:

width (insgesammt) - padding (left + right) = width (.content)
in deinem fall:
690 - 50 (25 + 25) = 640px

Aber eigendlich geht das noch viel leichter:
lass einfach in der style.css bei .content die width-angabe weg.
da Standard gemäß ein div immer den wert display: blog; hat, macht sich das div so breit, wie es kann. und dann regelt sich das Ganze (in diesem Fall) von selbst.

MfG
Xean

[Chr!s]

Hm.. Das sieht mir irgendwie meinem Design auf www.chrisdiary.de (derzeit aber nicht erreichbar) ziemlich ähnlich.. Und ich hab es nicht so gern wenn man von mir abkupfert..

[Ben]

Abgesehen von Chr!s Aussage und der Tatsache, dass es hier eher ein CSS, als ein HTML-Problem ist ... schau dir mal das hier an:
Außenabstände: http://www.css4you.de/marginproperty.html
Innenabstände: http://www.css4you.de/paddingproperty.html

Grafisch veranschaulicht:
http://www.css4you.de/wsboxmodell/index.html#buh

[Garnele]

Hallo zusammen

Ach so, jetzt verstehe ich weshalb das bei mir nie aufging, herzlichen Dank!

@Chris: Es ist mir durchaus bewusst, dass dein Header ähnlich aussieht. Ich habe allerdings nichts abgekuppert oder mich auch nur von deinem Code inspirieren lassen, ich dneke diese Art von Header ist ebensowenig einzigartig wie Z.b. das Reiter-System. Sollte es dich allerdings allzu sehr stören so melde dich bitte, werde mir dan etwas anderes überlegen.

Lg
Garnele

[ex³]

Ist mir auch sofort aufgefallen, das das Design ziemlich aussieht wie die Page von Chris. Hier mit der Pinnwand und den angepinnten Notizen.

Mag vielleicht beides nicht einzigartig sein, aber dennoch ist Chris' Page die einzige die ich kenne die so aufgemacht ist.