DIV's im Firefox werden nicht angezeigt

Status
Nicht offen für weitere Antworten.

FlorianR

Erfahrenes Mitglied
Hallo @all,

da man mir nun gesagt hat, dass Tabellen nicht für die Layoutgestaltung einer Internetseite gedacht sind, arbeite ich nun mit Divs.

Allerdings werden diese nicht im Firefox angezeigt.
Vllt. könnt ihr mir weiterhelfen, ich habe absolut keine Idee mehr.

In der html Seite sieht es so aus:
Code:
<div id="main">

<div id="header"></div>
	<div id="menue_left">
	linkes Menue
	</div>
<div id="content_bg">
Content
</div>
	<div id="menue_right">
	rechtes Menue
	</div>
</div>

Und in der .css so :

Code:
#main {
background-color:#666666;
position: absolute;
width:1000px;
}
	<!-- Header Grafik -->
#header {
top: 0px;
position: absolute;
width:1000px;
background-image:url(img/header.jpg);
height: 183px;
}
	<!-- Linkes Menü -->
#menue_left {
	float:left;
	position: absolute;
	top: 183px;
	left: 0px;
	background: #625149;
	width: 167px;
	}
	<!-- Rechtes Menü -->
#menue_right {
	position: absolute;
	top: 183px;
	right: 0px;
	background: #625149;
	width: 167px;
	}
	<!-- Content (Lila) -->
#content_bg {
	position: absolute;
	top: 183px;
	left: 167px;
	border:2px solid #000000;
	background: #2D2B41;
	width: 666px;
	}

ich hoffe ihr könnt mir weiterhelfen.

Gruß,
Florian
 
Hallo,

Das Problem liegt wohl an deinen fehlerhaften Kommentaren. Kommentare werden in CSS mit /* ... */ ausgezeichnet - also z.B.:
Code:
/* Header Grafik */
#header {
top: 0px;
position: absolute;
width:1000px;
background-image:url(img/header.jpg);
height: 183px;
}
greez, maik.l
 
Zuletzt bearbeitet von einem Moderator:
das gibts nicht... das geht. Ich danke dir.

Dann nur noch eine Fragen by the way...

wenn ich ein Div auf 100% (höhe) einstellen möchte, wie realisiere ich das?
Mit height:100% scheint es nicht zu gehen.

Gruß,
Florian
 
Zuletzt bearbeitet:
Hier mal ein Demo-Source:

Code:
<html>
<head>
<title>test</title>

<style type="text/css">
<!--
body
{
margin: 10px;
padding: 10px;
}

div
{
height: 100%;
margin: 0;
border: 1px solid #000000;
}
-->
</style>

</head>
<body>

<div> DIV</div>

</body>
</html>
Browsercheck: IE 5.5, Mozilla 1.6, NN 7.0, Opera 7.23

greez, maik.l
 
Status
Nicht offen für weitere Antworten.
Zurück