CSS + Veränderung?

[aOneAndOnly]

huhu

Hier mal die Homepage:
http://www.ministry-of-defenders.wmw.cc ... index.html

Also nur mal eine kleine Testseite!

hier mal ein Teil der CSS datei:

/********************* menu ****************************/
.menuheader{
width:192px;
height:37px;
background-image:url(images/menutop.gif);
display:block;
}
.menucontent{
width:192px;
background-image:url(images/menumiddle.gif);
padding-top:10px;
background-repeat: repeat-y;
}.menuheader h3{
padding: 10px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.menufooter{
width:192px;
height:15px;
background-image:url(images/menubottom.gif);
display:block;
}
.postheader,.menuheader{
color:#CCCCCC;
text-transform: uppercase;
}

Wie bringe ich den Teil wo News steht, also den mittlerein Teil, etwas mehr in die Breite, ich bekomme das irgendwie nicht mehr hin, egal was ich mache!
Kann da mal wer helfen bitte?

Und hier der Link zur GESAMTEN style.css datei:
http://www.ministry-of-defenders.wmw.cc ... /style.css

Findet hier irgendwer den Fehler oder was ich verändern muss!

[porfavor]

Bin jetzt auch nicht gerade der Experte. Aber arbeitest du zusätzlich mit html-tabellen?
Evtl. sind die nicht breit genug. Wobei es dann wohl eher die Seite zerschießen würde...

[CrazyGenius]

naja, wie versuchst du es denn?

[Samus]

Als erstes, um den gesamten Aufbau auch bei geringeren Auflösungen beizubehalten, würde ich dir empfehlen die linke Leiste ein wenig dünner zu machen.

Danach solltest du problemlos auch den Newsbereich verbreitern können.

Aber interessieren würde mich, arbeitest du mit Tablen oder mit Divs?

mfg

[aOneAndOnly]

mit <div>
Warum!?

[Samus]

Mit Divs sollte das ganze dann doch wohl absolut kein Problem darstellen. Die Dinger kannste ja rumwerfen wie du willst. Also pass die Breiten deiner linken und deiner rechten Leiste an, die in der mitte dann breiter machen.
Und mir fällt auf

Code: Alles auswählen

.postheader{
	background-image:url(images/posttop.gif);
	display:block;
	width:450px;
	height:33px;
}
.postheader h1{
	padding: 7px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.postcontent{
	background-image:url(images/postmiddle.gif);
	background-repeat: repeat-y;
	padding: 20px 0px;
}
.postfooter{
	background-image:url(images/postbottom.gif);
	background-repeat: no-repeat;
	display:block;
	width:450px;
	height:15px;

Dort sind der Header und Footer auf 450px Breite, nicht aber der eigtl Content (Text) oder seh ich das falsch?