Design Tabelle

naich · Beitrag von **naich** » 02.02.2008 22:32

sry es ist schon subsilver2 wie man am Bild unschwer erkennen kann^

Beitrag von **JFooty** » 02.02.2008 22:58

Ist eigentlich auch egal. Suche in der stylesheet.css

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?).

naich · Beitrag von **naich** » 02.02.2008 23:07

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%;
}

Beitrag von **JFooty** » 02.02.2008 23:22

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.

naich · Beitrag von **naich** » 02.02.2008 23:24

Also sehr herzlichen Dank. Mit den DIV hat es einwandfrei alles geklappt.

Beitrag von **JFooty** » 02.02.2008 23:44

Wenn du den div-Container eingefügt hast, musst du auch für "body" schwarz als Hintergrundfarbe festlegen.