div mit CSS in Firefox oben weisser Rand

Scarface_666 · 17.03.2006

Wie der Titel schon sagt bau ich grad ne Homepage und habe das Problem, dass beim Firefox ein <div> Bereich nicht ganz oben angezeigt wird. Er wird erst nach einem ca. 80 pixel hohen weißen Bereich angezeigt. Hab jetzt schon viel ausprobiert, aber kann einfach keine Lösung finden.
Wisst ihr woran das liegt.
Im IE funktionierts übrigens.

Gruß
Christian

connyas · 17.03.2006

setz mal einen Style für den HTML und BODY-Tag

Code:

&lt;style type=text/css>
&lt;!--
html, body {
	margin:0px;
	padding:0px;
}
-->
&lt;/style>

Scarface_666 · 17.03.2006

Nope, hatte ich auch schon versucht. Passiert gar nichts.

Gruß
Christian

connyas · 17.03.2006

Gibts nen Link oder nen Quelltext ??

Scarface_666 · 17.03.2006

Code:

&lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN [url]http://www.w3.org/TR/xhtml1/DTD/Strict.dtd>[/url]
&lt;!-- (c) 17.03.2006 by Christian Schmidt -->

&lt;head>
&lt;link rel=stylesheet type=text/css href=./_stylesheets/main.css>
&lt;title>blabla&lt;/title>
&lt;/head>

&lt;body>
&lt;div class=header>&lt;h4>&lt;br>blabla&lt;/h4>&lt;/div>

&lt;div class=left>
&lt;a class=menue href=index.php?content=home&amp;type=html>&lt;li>Home&lt;/li>&lt;/a>
...&lt;/div>

...
&lt;/body>

und die CSS-Datei:

Code:

{
	font-size:11px;
	font-family:verdana;
	color:#000000;
	font-stretch:ultra-expanded;
	text-align:justify;
}

body
{
	background-color:White;	
	margin:0px 0px 0px 0px;	
	padding: 0px;
}

html
{
	overflow-x:hidden;
	margin:0px 0px 0px 0px;	
	padding: 0px;
}


/* Übereschriften */
h1, h2, h3, h4
{
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

h1
{
	font-size:10px;
	color:#000000;
}

h2
{
	font-size:12px;
	color:#000000;
}

h3
{
	font-size:12px;
	color:#ff0000;
}

h4
{
	font-size:20px;
	color:#ffffff;
}


/* Links */
a:link, a:visited, a:active
{
	color:#FF0000;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana;
}

a.menue 
{
	display:block;
	border-top:1px solid silver;
	border-left:1px solid silver;
	border-right:1px solid silver;
	text-align:left;
}

a.menue:link, a.menue:visited
{
	color:#FF0000;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana;
}

a.menue:active, a.menue:hover
{
	color:#FF0000;
	text-decoration:underline;
	background-color:#ffDDDD;
}

/* Menü-Punkte */
li
{
	color:#ff0000;
	list-style-type:disc;
	font-size:12px;
}



/* Klassen */
.content 
 {
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana;
	float:left;
	margin-top:5%;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	width:60%;
}

.header
{
	height:80px;
	background-image:url(../_images/title_back.jpg);
	width:100%;
	margin-top:0px;
}

.left
{
	width:200px;
	margin:2px;
	margin-top:5%;
	border-bottom:1px solid silver;
	line-height:18px;
	float:left;
	text-align:left;
}

Hab's ein bischen gekürzt

connyas · 17.03.2006

evtl. so:

Code:

h4
{
font-size:20px;
color:#ffffff;
padding:0px;
margin:0px;
}

Scarface_666 · 17.03.2006

Ja funktioniert. Vielen Dank.

div mit CSS in Firefox oben weisser Rand

Scarface_666

connyas

Scarface_666

connyas

Scarface_666

connyas

Scarface_666

div mit CSS in Firefox oben weisser Rand

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums