Thema: Farbiger BALKEN will im IE nicht verschwinden

moin. habe ein problem im internet explorer (siehe screenshot) der bläu7liche balken unten gehört dort eig. nicht hin :( im FireFox u. Safari, Chrome, etc. siehts super aus ... nur im IE nicht ... liegts am CSS ..? ich kann aber nix finden ... weiss jemand weiter ..?

css-file sieht so aus:

Code:

body {
	margin: 0px;
	padding:0px;
	background:#000000;

}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 160%;
}
h1, h4, h5, h6 {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #FF9900;
	margin-left: 2px;
}
h2 {
	color: #fff;
	font-weight: normal;
	font-size: 25px;
	text-transform: lowercase;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 32px;
}
h3 {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	margin-bottom: 10px;
	padding-top: 0;
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
	color: #717c9a;
}
a:hover {
	color: #FFF;
}
.container {
	width: 1020px;
	margin: 0 auto;
}
#contentarea {
	width: 1020px;
	clear: left;
	margin-top: 0;
	float: left;
}
#top {
	width: 100%;
	height: 90px;
}
#top-cover {
	width: 1020px;
	margin: 0 auto;
}
#header {
	width: 1020px;
	float: left;
	display: inline-block;
	margin-bottom: 20px;
}
#content {
	width: 1020px;
	height:421px;
	background-image:url(../images/content.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
#content2 {
	width: 1020px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
#right {
	width: 255px;
	float: right;
	padding-bottom: 70px;
	margin-top: 20px;
	color: #666;
	margin-right:15px;
}
#right .moduletable {
	margin-bottom: 1px;
}
#bottom {
	width: 1020px;
	clear: left;
	float: left;
	color: #666;
	background:#717c9a;
	padding:0 0;
}
#right h3, #bottom h3 {
	margin: 0px;
	font-weight: bold;
	color: #7eba0c;
	font-size: 18px;
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, Sans-serif;
	border-bottom:5px solid #242424;
	padding:0 0 5px 0;
}
#user1 {
	width: 285px;
	float: left;
	margin-left: 15px;
}
#user1 .moduletable {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#user1 p {
	margin: 0;
	padding: 0;
	margin-left: 2px;
}
#user1 a {
	color: #FF9900;
}
#user2 {
	width: 285px;
	float: left;
	margin-left: 50px;
}
#user2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	text-transform: none;
	line-height: 18px;
}
#user2 a {
	color: #666;
	margin-left: 2px;
	font-size: 11px;
}
#user3 {
	width: 285px;
	float: right;
	margin-right: 10px;
}
#footer {
	clear: left;
	float: left;
	width: 1020px;
	text-align: left;
	font-size: 9px;
	padding: 10px 0 30px 10px;
	color: #666;
}
#footer a {
	color: #666;
}
#footer .moduletable {
	width: 880px;
	margin: 0 auto;
	margin-top: 3px;
}
h2.contentheading, h2.componentheading {
	margin-bottom: 20px;
	margin-top: 10px;
}
.clear {
	clear: both;
}
/* COMMON TAGS */
.modifydate {
	color: #C0C0C0;
}
.author {
	color: #C0C0C0;
}
.createdate {
	color: #C0C0C0;
}
.contenttoc {
	margin: 5px;
}
ul {
	margin: 2px;
	padding: 6px;
	padding-left: 15px;
}
li {
	padding-left: 1px;
	line-height: 150%;
}
ul.arrow1 li, ul.arrow2 li {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.buttons {
	float:right;
	width:85px;
}
.buttons .buttonheading {
	float:left;
}
.buttons img {
	border: 0;
}
fieldset {
	border: none;
}
textarea, input {
	border: solid 1px #ccc;
	color: #666;
}
.button {
	background: none;
	border: solid 1px #ccc;
	color: #990000;
}
/* Poll Module Styles */

.poll-radio {
	padding:0;
	float:left;
	clear:left;
	text-align:left;
}
.poll-option {
	float:left;
	padding-bottom:6px;
	padding-top: 3px;
	width:85%;
	margin-left: 2px;
}
.poll h3 {
	border:none;
}
.author, .createdate, .modifydate, .buttons {
	display:none
}
#topmenu {
	float: right;
	width:1020px;
	height: 61px;
	margin-top:30px;
	margin-right: 2px;
}
#topmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: -11px;
	float: right;
}
#topmenu li {
	list-style: none;
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 2px;
	line-height: 26px;
	text-transform: lowercase;
	font-family: Candara, Arial, Helvetica, sans-serif;
}
#topmenu li a {
	display: block;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}
#topmenu li:hover, #topmenu li.hover {
	position: static;
}
#topmenu li a:hover, #topmenu li.active a {
	color: #717c9a;
	background-position: center;
}
html>body #topmenu li a {
	width: auto;
}
.spotlight {
	padding:15px 15px 15px 15px;
}

Hallo.
Wie immer geht ohne Link zur Seite nichts. Wie bitte sollen wir die für den Balken zugrundliegenden css-Anweisungen erraten, amn erkennt ja nicht mal, wozu der Bereich gehört.

P.S.: Geht es hier wirklich noch um Joomla 1.0? Kann mir nicht vorstellen, dass eine Seite noch damit entwickelt wird?

Zitat von Lacki

Hallo.
Wie immer geht ohne Link zur Seite nichts. Wie bitte sollen wir die für den Balken zugrundliegenden css-Anweisungen erraten, amn erkennt ja nicht mal, wozu der Bereich gehört.

P.S.: Geht es hier wirklich noch um Joomla 1.0? Kann mir nicht vorstellen, dass eine Seite noch damit entwickelt wird?

nach meiner letzten thread-erfahrung hier im forum als ich kurz u. klein geschrieben wurde von manchen wollte ich nicht gleich wieder den link zur homepage rausposaunen ... und nein, Joomla 1.5 (sorry falls ich da die falsche rubrik erwischt hab) ... ich dachte mit dem code des css-files kann manch einer schon sehen was da falsch läuft ... zumal man auch nicht in allen browsern den fehler wie im screenshot erhält sondern nur bei manchen IE-versionen ...

Zitat von pixeltraum

... das problem besteht leider weiterhin aber ausschl. im IE und da auch nur bei manchen leuten mit "älteren" IE versionen :( kann keiner helfen!?

Was meinst du mit "älteren IE"? Wenn nur den 6er betrifft, würde ich mir keine zu grossen Gedanken machen.

template_css.css ab Zeile 103.

Code:

#bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#717C9A none repeat scroll 0 0;
clear:left;
color:#666666;
float:left;
padding:0;
width:1020px;
}

Background nach Deinen Wünschen anpassen. Oder eben das Template für ältere IE Versionen anpassen, Stichwort Browserweiche. aber das brauche ich Dir ja nicht zu erklären, Du bietest ja Webdesign an.

http://pixeltraum.com/?tp=1

evt einfach die myuser1, 2 und 3 löschen, brauchst die ja nicht.

Zitat von pixeltraum

mh, naja. hier im büro isses' wohl auch ein problem mit dem 7er :( manche leute die ich gebeten habe mal zu testen unter windows im IE hatten überhaupt keine probleme ... erst hier im büro hab ich die doofen balken entdeckt ... im chrome, ff u. safari zuhause geht alles wunderbar ...

http://browsershots.org/