PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [HTML/CSS/JS] 1 Pixelfehler



eXcite
07.08.2010, 21:55
Hi,
ich bin gerade dabei ein neues Design zu erstellen und bin gerade echt am, naja, verzweifeln...

Ich habe zwischen dem header-bereich und dem Contentbereich einen kleinen Zwischenraum - um genau zu sein, ist dieser ein Pixel groß!
Ich versuche den schon seit mehreren Stunden zu beseitigen und komme echt nicht weiter!
Die CSS Datei habe ich komplett verändert, sprich alles ausprobiert und es passt noch immer nicht, weshalb meine neue Theorie in der Tabelle liegt, da dieser den Contentbereich umschließt.
Vielleicht irre ich mich ja auch und es gibt evtl. doch noch eine Lösung?!

Hier ein Bild vom aktuellen Zustand:
http://www.imgbox.de/users/public/thumbnails/DQ9CJyRRUT_t.gif (http://www.imgbox.de/show/img/DQ9CJyRRUT.png)

dude32
07.08.2010, 22:10
nehme mal an es geht um das vms1.2.4.

poste mal die header.php aus dem ordner lip

eXcite
07.08.2010, 22:20
<?
require ('lib/functions.lib.php');
db_connect();
require ('lib/session.lib.php');
require ('lib/layout.lib.php');
require ( 'lib/extras.lib.php' );
if (!isset($_GET['content']) || empty ($_GET['content'])) $_GET['content'] = '/intern/startseite';

if (!file_exists('content'.$_GET['content'].'.php')) $_GET['content'] = '/error/keine_seite';

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title><?=$seitenname;?></title>
<meta name="Author" content="Designerscripte.net">
<meta name="Publisher" content="Designerscripte.net">
<meta name="Copyright" content="Designerscripte.net">
<meta name="Keywords" content="vms,paid4,loginscript">
<meta name="Description" content="Verdien was Du willst">
<meta name="Page-topic" content="Loseseite zu Klamm.de">
<meta name="Audience" content="">
<meta name="Content-language" content="DE">
<meta name="Page-type" content="Nicht Gewinnorientiert">
<meta name="Robots" content="INDEX,FOLLOW">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="/css/main.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">

<?
if ($_GET['content'] == '/intern/startseite') @require_once ('lib/texte/alt_startseitenpopup.txt');
if ($_GET['content'] == '/betteln') @require_once ('lib/texte/alt_bettelseitenpopup.txt');
?>

</head>
<body>
<center>
<div align="center">
<div id="header">
<div id="topnav">
<ul id="topmenu">
<li><a href="index.php">Startseite</a></li>
<li><a href="?content=/intern/mediadaten">Mediadaten</a></li>
<li><a href="?content=/intern/agbs">AGB</a></li>
<li><a href="?content=/intern/faqs">FAQ</a></li>
<li><a href="?content=/intern/werbemittel">Werbemittel</a></li>
<li><a href="?content=/intern/impressum">Impressum</a></li>
<li><a href="?content=/intern/login">Login</a></li>
<li><img src="images/nav_space.png"></li>
</ul>
</div>
</div>
<div id="main">
<table cellspacing="0" cellpading="0" border="0" width="950">
<tr>
<td width="950" valign="top">
Ja, es handelt sich hierbei um das VMS 1.2.4

Und dies ist die main.css



body {
margin:0px;
background:url(../images/gbg.png);
background-repeat:repeat;
}

body, table, td, tr, div, p, pre, h1, h2, h3, h4, ul {
font-family: Verdana, Arial;
font-size:11px;
color:#000000;
}

#header {
height:119px;
width:950px;
background:url(../images/header.png) no-repeat;
text-align:left;
margin:25px 0px 0px 0px;
}

#topnav {
clear:right;
position:relative;
top:38px;
left:0px;
height:21px;
width:800px;
text-align:center;
padding:0px;
margin:0 0 0 110px;
}

#topmenu {
height:21px;
padding:0px;
margin:0px;
}

#topmenu a {
display:block;
float:left;
color:#C0C8D8;
font-size:10px;
height:17px;
padding:4px 15px 0 15px;
margin:0 0 0 3px;
}

#topmenu a:hover {
background-image:url(../images/topnav_bg.png);
background-repeat:repeat-x;
color:#DFE3EA;
text-decoration:none;
}

#topmenu li {
background-image:url(../images/nav_space.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
float:left;
}

#main {
width:1020px;
padding:0px 0px 0px 0px;
}

.content_head {
width:950px;
height:5px;
background-image:url(../images/content_head.png);
background-repeat:no-repeat;
padding:0px 0 0px 0;
text-align:center;
font-weight:bold;
font-size:10px;
color:#ffffff;
}

.content_bg {
width:920px;
padding:1px 15px 1px 15px;
background-image:url(../images/content_bg.png);
background-repeat:repeat-y;
color:#000000;
font-size:10px;
text-align:left;
}

.content_foot {
width:950px;
height:13px;
background-image:url(../images/content_foot.png);
background-repeat:no-repeat;
font-size:1px;
}

a:link,a:visited,a:active {
color: #062C60;
text-decoration: none;
}

a:hover {
color: #084883;
text-decoration:underline;
}

input, select, textarea, option {
font-size: 11px;
font-family: Verdana, Arial;
border:0px solid #495F8C;
background-color: #D3D8E3;
color: #495F8C;
}

#copy {
padding:10px;
color:#aaaaaa;
font-size:10px;
}

}
.tr_row0 {
background-color: #ffffff;
}

.tr_row1 {
background-color: #dddddd;
}

.tr_head {
height:20px;
vertical-align:middle;
background-image:url(../images/tablehead.png);
}

dude32
07.08.2010, 22:37
glaube mich zu erinnern das es daran lag


<br style="clear:both; font-size:0px;">

bei meinem alten vms1 war es das hier:


<tr><td height="5"></td></tr></table>

regelt den abstand zwischen header und content/menues

eXcite
08.08.2010, 02:50
Hi,
leider brachte dein Lösungsvorschlag keinen Erfolg. Konnte jedoch in Erfahrung bringen an was es liegt.. zumindest nach einer weiteren Stunde rumprobieren... bis ich mir das ganze nochmal angeschaut habe und bemerkte, das innerhalb des tables ein Pixel Abstand war,.. so habe ich jetzt jetzt ein padding eingefügt..:



tr, td {
font-family: Verdana, Arial;
font-size:11px;
color:#000000;
padding:0;
}