Thema: CSS - Breite von Komponenten bestimmen

im internet explorer 6 kommt es beim template SITEGROUND 95 leider bei zu fehlern, wenn komponenten, wie z.b. Kontakt, weblinks oder faq aufgerufen werden!

das template stellt eine eigene ie6.css bereit, nur scheint die zumindest für das problem keine abhilfe zu bringen.

wenn ich in der css die width des maincontents verringere wird nur der normale content schmaler! es muss doch irgendwie die möglichkeit geben komponenten in der breite einzuschränken?

fehler ist halt wie gesagt, dass der "content" der komponente zu breit ist
und dadurch im IE6 nicht alle 3 spalten (menü links, main, menü rechts) nebeneinander, sondern untereinander stehen.

mein FF webdeveloper zeigt mir folgendes

die beiden bilder zeigen was ich meine! beim normalen content hat eine bestimmte breite!
die felder von komponenten (kontakt, weblinks, ....) habe keine feste breite sondern laufen unter der rechte menüspalte weiter! das führt im FF in dem ich die screenshoots gemacht zwar zu keinen fehlern, aber im internet explorer 6, wie gesagt

Für alle unter euch, die auch das Template SITEGROUND95 verwenden, hier die Lösung:

Ändert die ie6.css wie folgt um:

Code:

div#maincolumn {
	float: left;
	width: 580px;
	background:#fafafa;
	text-align:left;
	margin:0 0 0 0;
	padding:10px 0 0 10px;
}
div#maincolumn_full {
	background:#fafafa;
	float: left;
	width: 740px;
	text-align:left;
}
#maincolumn_full .contentpane{
	width:565px;
	float:left;
	background:#fafafa;
}

#top_menu{
	background: url(../images/t_menu_bg.jpg) top center repeat-x;
	width:940px;
	height:57px;
	padding: 14px 0 0 10px;
}

#topnavi li a {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	height: 32px;
	line-height: 24px;
	padding: 0;
	margin: 0 0 0 2px;
	background: url(../images/t_menu_a.jpg) top center no-repeat;
	cursor: pointer;
}

#topnavi li a span {
	background: url(../images/t_menu_r.jpg) top right no-repeat;
	height: 32px;
	display: block;
	float: left;
	padding: 0 4px 0 0;
}