Text sprengt content

[starr]

Jo, ich mach grad ne Homepage und der Text macht alles kaputt. =(

Also, ich mach die homepage mit <div id="content">lorem ipsum</div> usw.
Also die Bilder etc. sind alle im Hintergrund...

Also es sieht so aus:]
Der grüne Rand ist der Bereich für den Content ^^
So, nun bin ich ja nicht ganz doof und habe pedding ausprobiert, der CSS-Code für den Content ist nun so:

#content {
	background-image: url(content.png);
	float: right;
	width: 691px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #CCC;
	padding-right: 120px;
	padding-left: 120px;
}

Und dann sieht das ganze so aus:
Also, kann mir jemand helfen? =(

 

[SpiceLab]

Einfach mal ins Grüne geraten, du hast das Box-Modell nicht berücksichtigt.

#content {
    background-image: url(content.png);
    float: right;
    width: 451px; /* abzüglich 2*120px */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #CCC;
    padding-right: 120px;
    padding-left: 120px;
}

 

[starr]

Einfach mal ins Grüne geraten, du hast das Box-Modell nicht berücksichtigt.

#content {
    background-image: url(content.png);
    float: right;
    width: 451px; /* abzüglich 2*120px */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #CCC;
    padding-right: 120px;
    padding-left: 120px;
}

Hab den gleichen text genommen, wie du geschrieben hast. Nun siehst so aus:

 

[SpiceLab]

Für uns ist dein CSS-Schnipsel "kompliziert", weil er keine Aussage ob der Ursache trifft - d'rum hatte ich auch nur geraten

Ein Link zur Seite anstelle deiner Bildchen wäre aufschlußreicher.

 

[starr]

Für uns ist dein CSS-Schnipsel "kompliziert", weil er keine Aussage ob der Ursache trifft - d'rum hatte ich auch nur geraten

Ein Link zur Seite anstelle deiner Bildchen wäre aufschlußreicher.

Das Box-Modell trifft überhaupt nicht zu und so, benutze kein Margin & kein Border wie gesat, der Content ist ein sichimmer wiederholendes Bild, was im Hintergrund steckt ^^

So soll das aussehen, nur halt ohne den überstehenden Text ...
Was müsstest du denn noch vom Code oder so wissen, um zu helfen? ^^

 

[SpiceLab]

Das Box-Modell trifft überhaupt nicht zu

Doch, da du einen linken und rechten Innenabstand definiert hast, der gemäß besagten Box-Modell zur width-Regel addiert wird.

Was müsstest du denn noch vom Code oder so wissen, um zu helfen? ^^

Hatte ich das nicht eben erwähnt?

Ein Link zur Seite anstelle deiner Bildchen wäre aufschlußreicher.

 

[starr]

Hatte ich das nicht eben erwähnt?

Die Seite hat kein Link, ist erstmal nur alles offline ^^ Will erstmal alles richtig gecodet haben, bevor ich Geld für ne Domain etc. ausgebe

 

[SpiceLab]

Ah ja..., und was hälst du davon, alternativ deinen vollständigen Quellcode (HTML + CSS) zu posten?

Mitdenken ist hier schon erwünscht.

 

[starr]

Oha haha, lass mal brauch deine Hilfe nicht mehr XD heftig

 

[SpiceLab]

Na denn..., mit deinen dürftigen Angaben kann dir auch nicht geholfen werden.