CSS Problem Wer kann helfen?

Seratio

Urgestein
Thread Starter
Mitglied seit
14.07.2004
Beiträge
3.065
Ort
viva colonia
Hi,
ich hab nen problem bei meinem code, soll heißen der wird nicht richtig angezeigt.
Hier erst mald er code
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #999966;
}
#page {
	margin-bottom:15px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:963px;
}
#banner {
	width:963px;
	margin-bottom:15px;
	border:1px solid #000000;
}
#content {
    float: left;
    width: 663px;
	border:1px solid #000000;
}

#bar-left {
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    width: 132px;
	border:1px solid #000000;
}

#bar-right {
    float: left;
    margin-left: 16px;
    margin-bottom: 16px;
    width: 130px;
	border:1px solid #000000;
}
.bar-caption {
	border-top:1px solid #000000;
	background-color:#666666;
}

.bar-links {
	border-top:1px solid #000000;
	background-color:#777777;
}

.symbole {
	color:#99CCFF;
	margin-left:10px;
}

.bar-head {
	color:#FFFFFF;
}
.bar-link {
	color:#99CCFF;
	font-size:0.9em;
	margin-left:5px;
}


-->
</style>
</head>

<body>
<div id="page">
		<!-- Banner-Start -->
  		<div id="banner"><img src="gfx/banner.gif" alt="Banner"></div>
		<!-- Banner-Ende -->
		<!-- Linkes Menu-Start -->
		<div id="bar-left">
			
			<div style="background-color:#666666;">
				<span class="symbole">»</span><span class="bar-head">Home</span>
			</div>
			<div class="bar-links">
				<span class="symbole">»</span><span class="bar-link">Test Link</span>
			</div>
			<div class="bar-caption">
				<span class="symbole">»</span><span class="bar-head">Clan</span>
			</div>
			<div class="bar-links">
				<span class="symbole">»</span><span class="bar-link">Test Link</span>
			</div>
		
		
		</div>
		<!-- Linkes Menu-Ende -->
		<!-- Content-Start -->
		<div id="content">News und ande Inhalte</div>
		<!-- Content-Ende -->
		<!-- Rechtes Menu-Start -->
		<div id="bar-right">
			<div style="background-color:#666666;">
				<span class="symbole">»</span><span class="bar-head">Statistiken</span>
			</div>
			<div class="bar-links">
				<span class="symbole">»</span><span class="bar-link">Wars</span><br>
				<span class="symbole">»</span><span class="bar-link">Member</span>
			</div>
			<div class="bar-caption">
				<span class="symbole">»</span><span class="bar-head">Partner</span>
			</div>
			<div class="bar-links">
				<span class="symbole">»</span><span class="bar-link">Test</span>
			</div>
		</div>
		<!-- Rechtes Menu-Start -->
</div>
</body>
</html>

Also das Problem ist im IE wird der content bereich und noch nen teil darunter grau angezeigt was garnicht sein soll.
Wäre nett wenn ihr mir helfen könnt, danke.

MfG
Nascar
 
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
schick mal nen testlink - hab keine lust das extra auf nen server zu packen usw.
 
Offensichtlich ein Bug im IE oder ein kleinerer Fehler im HTML-Code, unter Mozilla wirds richtig angezeigt

@Jello: Wozu auf einen Server packen??? *.html erstellen und Quelltext reinkoperen und mit Browser laden, fertig
 
genau das ist umständlich. testlink ist halt einfacher.
den quelltext kann man dann aus der testseite ansehen....
 
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh