Seite 2 von 2

Verfasst: 02.02.2008 22:32
von naich
sry es ist schon subsilver2 wie man am Bild unschwer erkennen kann^ :P

Verfasst: 02.02.2008 22:58
von JFooty
Ist eigentlich auch egal. Suche in der stylesheet.css

Code: Alles auswählen

html
{font-size: 100%;}
und ersetze mit

Code: Alles auswählen

html
{font-size: 100%;
background-color:#000;}
Den body würde ich in der Breite nicht auf 965 Pixel festnageln wollen, sondern lieber in Prozent angeben. Also z. B. eher so:

Code: Alles auswählen

body
{/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #323D4F;
background-color: #FFFFFF;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
width:80%;
left:10%;
Damit hättest du die Bereiche links und rechts. Den unteren Rand solltest du über margin-bottom im body einfügen können, wobei ich diesen unteren Rand nicht so richtig nachvollziehen kann (oben kein Rand, unten doch?).

Verfasst: 02.02.2008 23:07
von naich
erstma danke, aber ich hätte mal eine weitere Frage:

also wie bekomme ich des jetzt noch zentriert?
(Es soll 965 px sein, da der header so groß sein wird.)

Code: Alles auswählen

html 
{font-size: 100%;
background-color:#000;}


body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #FFFFFF;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	width:965px;
	left:10%;
}

Verfasst: 02.02.2008 23:22
von JFooty
naich hat geschrieben:...Gibt es einen einfacheren weg auf 965 px alles zu stellen anstatt jede template datei zu öffnen und es dort einzustellen?...
Gerade das ist ja Sinn und Zweck einer css-Datei. Aber so ganz ohne ein wenig Arbeit geht es halt nicht.
Wenn du unbedingt die 965 px haben willst, würde ich dann doch eher für einen div-Container plädieren, der unmittelbar nach <body> in der overall-header.html beginnt und vor </body> in der overall_footer.html endet.
//Edit: width:965px und left:10% bringen nicht den gewünschten Effekt.

Verfasst: 02.02.2008 23:24
von naich
Also sehr herzlichen Dank. Mit den DIV hat es einwandfrei alles geklappt.

Verfasst: 02.02.2008 23:44
von JFooty
Wenn du den div-Container eingefügt hast, musst du auch für "body" schwarz als Hintergrundfarbe festlegen.