problem mit div's

08.11.2005, 18:35

hallo zusammen,

ich habe ein ziemlich lästiges problem mit dem layout, welches ich zur Zeit entwerfe. Das Layout basiert auf Ebenen welche aus irgend einem mir nicht erklärlichen Grund zwischen einander immer 1px auseinander stehen. im angehänden bild sieht man nochmal genauer was ich meine.
Das Problem ergibt sich beim IE als auch bei Firefox

Das Layout gestaltet sich folgendermaßen:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
		<meta http-equiv="pragma" content="no-cache"/>
		<meta name="robots" content="all"/>
		
		<style type="text/css" media="screen">
			@import url("webLayout/company-core.css");
		</style>
		
		<title>X</title>
	</head>
	
	<body>
		<div id="top">
			<div id="top-left">
				<div id="top-company-banner"></div>
				<div id="top-navigation">navigation</div>
				<div id="top-subnavigation">subnavigation</div>
			</div>
			<div id="top-right">
				<div id="top-sidelinks">
					[img]grafics/head_links.gif[/img]
				</div>
			</div>
		</div>
		
		<div id="content">
			content
		</div>
	</body>
</html>

CSS:

Code:

html
{
	height: 100%;
}
body
{
	height: 100%;
	margin: 0px 0px 0px 0px;
	
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #000000;
}

#top
{
	height: 98px;
	width: 777px;
}
#top-left
{
	height: 98px;
	width: 755px;
	float: left;
}
#top-right
{
	height: 98px;
	width: 22px;
	float: right;
}
#top-company-banner
{
	height: 68px;
	background-image: url(../graphics/company-logo.jpg);
}
#top-navigation
{
	background-color: #00FF00;
	height: 15px;
	vertical-align:text-top;
	text-align: right;
	padding-right: 4px;
}
#top-subnavigation
{
	background-color: #009900;
	height: 15px;
	vertical-align: middle;
	text-align: right;
	padding-right: 4px;
}
#top-sidelinks
{

}
#content
{
	background-color: #99CC00;
	height: 500px;
	width: 777px;
}

wäre echt nett sich das man jemand ansehen könnte und mir helfen kann. ich find einfach nicht den fehler weswegen er diese abstände da rein haut.

gruß

chr1z

08.11.2005, 18:48

Zitat:

margin: 0px 0px 0px 0px;

Blödsinn: margin: 0; und fertig

Bei #top-subnavigation und #content auch margin: 0 setzen ...

08.11.2005, 18:55

hmm hab es zwar ausprobiert aber die wirung zeigt sich nicht.
falls dem nicht so seien soll screenshot her :wink:

danke schonmal für deine mühe!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Formular mit DIVs	Aris Sung	HTML, Usability und Barrierefreiheit	2	25.11.2007 14:09
Dynamisches Container-Div für floating Divs	HStev	HTML, Usability und Barrierefreiheit	1	14.09.2007 12:39
DIV's untereinander -> Problem	snatch-ic	HTML, Usability und Barrierefreiheit	1	05.02.2007 12:39
Problem: javascript + verstecken eines Divs	se-clan	HTML, Usability und Barrierefreiheit	4	04.01.2007 10:49
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
Probleme bei Abständen mit DIV's	snatch-ic	HTML, Usability und Barrierefreiheit	11	29.06.2006 22:02
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
Css Problem - Divs anders positionieren	ypsie	HTML, Usability und Barrierefreiheit	7	22.08.2005 17:40
Problem mit Weiterleitung		PHP Tipps 2004-2	16	22.12.2004 17:49
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
[Erledigt] Problem mit Timestamp!		PHP Tipps 2004	24	08.06.2004 19:51
Login Problem		PHP Tipps 2004	4	04.06.2004 18:46


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.11.2005, 18:55
Gast Beiträge: n/a	hmm hab es zwar ausprobiert aber die wirung zeigt sich nicht. falls dem nicht so seien soll screenshot her :wink: danke schonmal für deine mühe!