Haui: Unerwünschter obriger Abstand innerhalb eines DIV-Elements

Beitrag lesen

SELF-Forum

Unerwünschter obriger Abstand innerhalb eines DIV-Elements

Haui
– Informationen zu den Bewertungsregeln

Also gut, vll. hilft der vollständige Code mehr weiter.

<?xml version="1.0" encoding="UTF-8"?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
  
	<meta name="description" content="EDELSTOFF - The next Generation ...just good rockin' shit!" />  
	<meta name="keywords" content="edelstoff, the next generation, just good rockin shit, memmingen, musik, rock, roll, punk, funk, rnb, rhythm, blues, pop, cover" />  
	<meta name="author" content="Sebastian Hau" />  
	<meta name="publisher" content="EDELSTOFF - The next Generation" />  
	<meta name="copyright" content="EDELSTOFF - The next Generation" />  
	<meta name="language" content="deutsch" />  
	<meta name="robots" content="index" />  
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />  
  
	<title>EDELSTOFF - The next Generation ...just good rockin' shit!</title>  
  
	<link rel="stylesheet" type="text/css" href="./css/main.css" />  
  
</head>  
  
<body>  
  
	<div id="header">  
		<img src="./images/main/guitarAmp.gif" alt="EDELSTOFF - The next Generation ...just good rockin' shit!" id="guitarAmp" />  
		<img src="./images/main/logo.gif" alt="EDELSTOFF - The next Generation ...just good rockin' shit!" id="logo" />  
		<img src="./images/main/microphone.gif" alt="EDELSTOFF - The next Generation ...just good rockin' shit!" id="microphone" />  
	</div>  
  
	<div id="mainMenu">  
		[Menu=MainMenu]  
	</div>  
  
	<div id="contentScreen">  
		<div id="subMenu">  
			<div class="contentBg">  
				Hier gehts weiter:  
				<p></p>  
				[Menu=SubMenu]  
			</div>  
		</div>  
	</div>  
  
</body>  
  
</html>

@import url('standardtags.css');  
@import url('menu.css');  
@import url('content.css');  
  
  
/* HEADER */  
#header  
	{position: relative;  
	top: 0px;  
	width: 1000px;  
	height: 200px;  
	margin: auto;}  
  
#header img#logo  
	{position: absolute;  
	top: 5px;  
	right: 60px;  
	border-width: 0px;}  
  
#header img#guitarAmp  
	{position: absolute;  
	top: 12px;  
	left: 0px;  
	border-width: 0px;}  
  
#header img#microphone  
	{position: absolute;  
	top: 5px;  
	right: 0px;  
	border-width: 0px;}  
/* HEADER */  
  
  
/* SCREEN (Positionieren von SubMenu und Content) */  
#contentScreen  
	{position: relative;  
	top: 20px;  
	width: 1000px;  
	margin: auto;}  
  
.contentBg  
	{margin: 0px;  
	padding: 10px;  
	background-color: #cba574;}  
/* SCREEN */  
  
  
/* MENU (Positionierung des MainMenus) */  
#mainMenu  
	{position: relative;  
	top: 0px;  
	width: 1000px;  
	height: 50px;  
	margin: auto;}  
  
#subMenu  
	{position: relative;  
	top: 0px;  
	width: 200px;  
	margin: 0px;  
	padding: 10px;  
	background-image: url('../images/main/contentFrame.jpg');}  
/* MENU */  
  
  
/* CONTENT (Positionierung des Contents innerhalb des SCREENs) */  
#content  
	{position: absolute;  
	top: 0px;  
	left: 220px;  
	width: 745px;  
	margin-bottom: 20px;  
	padding-left: 20px;  
	background-image: url('../images/main/contentBg.gif');  
	background-repeat: repeat-y;}  
/* CONTENT */  
  
  
/* TurnPage */  
.buttonBack  
	{float: right;  
	border-width: 0px;}
Beitrag melden
–
Informationen zu den Bewertungsregeln