[CSS] Ausrichtung

Dubhead

Cadet 2nd Year
Registriert
Okt. 2004
Beiträge
28
Hallo leutz...
ich versuch mich grad an einer Website .. hier mal zum anschaun:
http://www.dancecore.de/dc/index.php?mode=community&action=user
Wie ihr sehen könnt gibt es folgende Probleme:
1. Im Firefox funktioniert das Scrollen nicht.
2. die mittlere spalte ist nicht zentriert...
3. die schwarzen trennlinien links und rechts stimmen mit dem head nicht überein.
4. Scrollleiste rechts ist kaum zu sehen...

BITTE HELFT MIR!!!
Hier ist der CSS Code
PHP:
<!--
HTML, BODY {
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	
	
}

TABLE#fixedContent {
	width: 950px;
	height: 100%;
	
}

DIV#header, DIV#left, DIV#right {
	position: absolute;
	z-index: 1000;
}

#header {
	top: 0px;
	width: 950px;
	height: 182px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}


#left, #right {
	width: 170px;
	background-color: #FFFFFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	overflow: auto;
}

TD#content, DIV#content {
	width: 592px;
	padding-top: 186px;
	padding-left: 5px;
}

DIV#content {
	position: absolute;
	left: 50%;
	margin-left: -300px;
	background-color: #FFFFFF;
	// important color: 2E79C5
}

#scrollContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 11px;
	overflow: auto;
	
}
-->

Code der index.php
PHP:
<html>
	<head>
		<title>[:: Dancecore.de ::] - Die Party Communtiy</title>
		<link rel="stylesheet" type="text/css" media="screen" href="style.css">
		<link rel="SHORTCUT ICON" href="gfx/dc.ico">
	</head>
	<body id="main_body" style="background-image: url('gfx/dc_bg.gif')">
	<table border="0" align="center" cellpadding="0" cellspacing="0" id="fixedContent">
  <tr>
    <td colspan="3" id="header"><div id="header"><? include"include/head.html" ?></div></td>
  </tr>
  <tr>
    <td valign="top" id="left">
    <?
	//if(!$_GET['mode']) {
	include("include/community_menu.html");
	/*}
	else {
	include("include/".$_GET['mode'].".html");
	}*/
	?>
    </td>
    <td id="content">&nbsp;</td>
    <td valign="top" id="right"><? include"include/right.html" ?></td>
  </tr>
</table>

<div id="scrollContainer">
  <div id="content">
    <?
	if(!$_GET['mode']) {
	include("include/main.html");
	}
	else {
	include("include/".$_GET['mode'].".html");
	}
	?>
    </div>
</div>

	</body>
</html>
 
Soweit ich weiß ist // kein gültiger Kommentar in CSS, der CSS-Validator bemängelt auch genau das.

Mach also nur: /* Hier steht ein Kommentar */


Ansonsten wäre standardkompatibles HTML von Vorteil, u.a. damit auch andere, die gerne helfen möchten, den Code durchblicken. Der HTML-Validator bricht komplett ab, wegen einem nicht identifizierbaren Zeichen in Zeile 80.
 
Zurück
Oben