Abstand

Kakuzu

Hallo
irgendwie is auf meiner hp so ein komischer abstand o,o
also hier auf dem screen zu sehen:
http://img.blacksdiebe.de/img/8f5de3a507…6e3200f5b1e.png

Das soll aber nicht sein^^

Hier is meine css

Zitat

* {
margin:0px;
padding:0px;
}
body {
width:600px;
background-image:url(../images/bgtop.png);
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
margin:0px;
padding:0px;
}
img {
border:none;
}
li {
list-style-image:url(../images/listimage.gif);
}
ul {

margin: 0px;
padding: 0px;
}
#page {
margin: 0 auto 0 auto;
padding:0px;
}
#logo {
padding-top:6px;
}
#menu {

width: 600px;
height: 40px;
overflow: hidden;
margin: 0px;
padding: 0px;
text-align: left;
color: #FFFFFF;
position: relative;

}

#menu ul {

width: 600px;
height: 40px;
overflow: hidden;
margin: 0px;
padding: 0px;
position: absolute;
right: 0px;

}

#menu ul li {

height: 40px;
overflow: hidden;
margin: 0px;
padding: 0px;
float: right;

}

#menu ul li a {

width: auto;
height: 40px;
display: block;
background: none;
color: #FFFFFF;
padding: 0px;
overflow: hidden;
margin: 0px 10px 0px 5px;
padding: 0px 0px 0px 0px;
line-height: 40px;
text-align: center;
text-decoration: none;

}

#menu ul li a:hover {

width: auto;
height: 40px;
display: block;
background: url(../images/1.gif);
color: #FFFFFF;
padding: 0px;
overflow: hidden;
margin: 0px 10px 0px 5px;
padding: 0px 0px 0px 0px;
line-height: 40px;
text-align: center;
text-decoration: none;

}
#overview {
background-image:url(../images/5.gif);
background-repeat:no-repeat;
width:600px;
height:125px;
padding-top:5px;
}
#girder {
padding-top:1px;
}
#contentbody {
margin:0px;
padding:0px;
}
#content {
background:url(../images/6.gif);
background-repeat:repeat-y;
width:600px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0066CC;
padding-left:10px;

}
#main {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0066CC;
}
#footer {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

Alles anzeigen

danke für jede ghilfe

lg

sudeki05

Ein QuellCode noch dazu, wäre sehr von Vorteil

Kakuzu

Hier bitte^^

Zitat

<html>
<head>
<title>Startseite - AtomicSolutions</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />

<meta name="description" content="Der beste Weg zum idealen Webdesign !" />
<meta name="keywords" content="webdesign, printdesign, free designs, xt:commerce designs, xt:commerce templates, layouts, logo, banner, kostenlos, gratis, homepage, html, php, css, mybb designs, mybb themes, mybboard, mybb plugins, plugins, module, hacks, scripts, php scripts, designing, photoshop, dreamweaver, web2.0, web 2.0" />
<meta name="page-type" content="information" />
<meta name="doc-type" content="Web Page" />

<meta name="distribution" content="global" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="1 days" />
<meta name="resource-type" content="document" />

<meta name="author" content="Matthias Müller - http://cms.w3blabor.de" />

<link rel="shortcut icon" href="http://atomicsolutions.ath.cx//includes/misc/favoicon.ico" />

<link rel="stylesheet" href="http://atomicsolutions.ath.cx/includes/templ…/css/global.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://atomicsolutions.ath.cx/includes/templ…u/css/print.css" type="text/css" media="print" />
<link rel="stylesheet" type="text/css" href="http://atomicsolutions.ath.cx/includes/templ…uu/css/main.css" title="Default Style" />

<link rel="stylesheet" href="http://atomicsolutions.ath.cx//includes/misc/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://atomicsolutions.ath.cx//includes/misc/prototype.lite.js"></script>
<script type="text/javascript" src="http://atomicsolutions.ath.cx//includes/misc/moo.fx.js"></script>

<script type="text/javascript" src="http://atomicsolutions.ath.cx//includes/misc/litebox-1.0.js"></script>

<script type="text/javascript" src="http://atomicsolutions.ath.cx//includes/misc/eingabe.js"></script>



</head>
<body id="top" onLoad="initLightbox()">
<div id="page">
<div id="menu">

<ul>
[*]Impressum
[*]Kontakt
[*]Gästebuch
[*]Affilation
[*]Referenzen
[*]News Archiv
[*]Startseite
[/list]

</div>
<div id="girder">
AtomicSolutions»Startseite</div>
<div id="logo">
[Blockierte Grafik: http://atomicsolutions.ath.cx//includes/images/3.gif][Blockierte Grafik: http://atomicsolutions.ath.cx/includes/templates/bluu/images/4.gif]</div>
<div id="overview">

<center></center> </div>
<div id="contentbody"><table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="content"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
<td width="17%"></td>
<td width="56%"><div id="main"><div id="inlay"><a href="javascript:void();" onclick="dropdown('hiddenlayer');">»Trag Dich <u>hier</u> in den Newsletter ein!
Und sei damit immer auf dem neusten Stand!</a><div id="hiddenlayer">
<form name="newsletter" method="post" enctype="multipart/form-data" action="home,eintragen.html" onsubmit="return checknewsletter()"><input type="text" name="name" class="formular" value="Dein Name" onblur="if (this.value=='') this.value='Dein Name';" onfocus="if (this.value=='Dein Name') this.value='';" /><input type="text" name="email" class="formular" value="Deine eMail Adresse" onblur="if (this.value=='') this.value='Deine eMail Adresse';" onfocus="if (this.value=='Deine eMail Adresse') this.value='';" /><div align="right"><input type="submit" value="»Eintragen" class="button" /></div></form></div></div><div id="text"><h1>Startseite</h1>

Herzlich Willkommen !

Wir unterstützen Dich bei der Realisierung, Pflege, Optimierung & Konzeption von Webauftritten aller Art!</p>

Zudem bietet AtomicSolutions die komplette Dienstleistung rund um Deiner Internetpräsenz:</p>
<ul>
[*] Beratung
[*]Konzeption und Gestaltung
[*]Programmierung
[*]Web 2.0 Technologien
[*]Suchmaschinenoptimierung
[/list]

und alles was im Internet sonst noch denkbar und sinnvoll ist...
Außerdem findest Du hier alle möglichen Informationen zum Thema Webdesign.
Sollten wir Dein Interesse geweckt haben, so kontaktiere uns.
Das Kontaktformular findest du hier.

Unsere Dienstleistungen

Folgende Dienstleistungen stehen Dir zur Auswahl:</p>

<ul>
[*]WebDesign
[*]PrintDesign
[*]CMS & Shop-Systeme

[*]Beratung & Support
[/list]

</p>

</p></div></div></td>
<td width="27%"></td>

</tr>
</table>
</div></td>
</tr>
<tr>
<td>[Blockierte Grafik: http://atomicsolutions.ath.cx/includes/templates/bluu/images/7.gif]</td>
</tr>
</table>
</div>
<div id="footer">
Powerd by w3blabor | cms - © by AtomicSolutions - All rights reserved
Designed by Atomy</div>

</div>
</body>
</html>

Alles anzeigen

Elvis

1. Schritt: Dokumentengeklaration setzen.
2. Schritt: Seite validieren.

Wenn Fehler immer noch auftritt bitte noch mal melden.

synaptic

mach beim

Code

#overview {main.css (line 101)
background-image:url(../images/5.gif);
background-repeat:no-repeat;
height:125px;
padding-top:5px;
width:600px;

das
padding-top:5px; zu padding-top:0px;

bzw mach es ganz wech!

Kakuzu

Ich hätte da noch eine frage
unzwar wieso ist es nicht in der mitte´?
Habe doch margin:0px

DER_Brain

probiers mit margin:0px auto;

lg
Andi

sejuma

Weil du keinen qualifizierten Doctype verwendest:
http://www.ohne-css.gehts-gar.net/0001.php

Tags