Größen Problem bei div Layer

NetPerformance · 18. Mai 2005

Hiho..

Das Bild sollte selbst erklärend sein

Screenshot !

trotzdem..
Der Abstand unten soll eleminiert werde..
Ka warum hier ein Abstand entsteht .. Anbei poste ich euch beide Quelltexte..

Gruß
Aaron

CSS

Code:

/* CSS Document */

.outline 
{
  	border: 1px solid #cccccc;
  	background: #ffffff;
}

#frame 
{
  	width: 800px;
	height: auto;
	border: 1px solid #cccccc;
}    

#header 
{
  	width: 800px;
	height: 150px;
	border: 1px solid #cccccc;
	position: relative;
	left: 0; top: 0;
}    

#login 
{
  	width: 150px;
	height: 250px;
	border: 1px solid #cccccc;
	position: relative;
	left: 0; top: 0;
}   

#content 
{
  	width: 650px;
	height: 400px;
	border: 1px solid #cccccc;
	position: relative;
	left: 150px; top: -250px;
}

HTML

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="johannes.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div id="frame">

	  <div id="header"></div>
	  <div id="login"></div>	
	  <div id="content"></div>	  
	  
</div>


</body>
</html>

Quaese · 18. Mai 2005

Hi,

der Abstand kommt dadurch zustande, dass du den Content-Container 250 Pixel nach oben
verschiebst.

Besser wäre eine Positionierung der Elemente login und content mit Hilfe der CSS-Eigenschaft
float .

Ciao
Quaese

Größen Problem bei div Layer

NetPerformance

Erfahrenes Mitglied

Quaese

Moderator

Neue Beiträge