✔ Problemstellen

Status
Nicht offen für weitere Antworten.
L

Leuko

Mitglied
Hallo und frohes neues Jahr!

.....nun gleich zu meinem Problem:

Habe eine Page mit folgenden Code:

HTML: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>www.bikestudio.at</title>
<link rel="stylesheet" type="text/css" href="bikestudio.css">
<meta name="keywords"content="Mountainbike,Shop,Bikeshop,Bikes,Fahrräder,Radfahren,Downhill,Marathon,Crosscountry">
<meta name="description"content="Homepage des Bikestudios Eggendorf">
<meta name="copyright"content="Elke">
<meta name="robots"content="all">
 
<style type="text/css">
<!--
.Stil3 {
color: #000000;
font-weight: bold;
}
-->
</style>
</head>
<body>
<script src="counter.js" type="text/javascript"></script>
<div id="center">
<div id="header"><img src="bilder/header.gif">
</div>
<div id="navigation">
<table width="150" border="0" >
<tr><td bgcolor="#CCCCCC">
&Ouml;ffnungszeiten<br>
	 Mo-Fr:<br> 
	 7:30-18:00 Uhr<br>
	Sa:<br> 
	9:00-12:00 Uhr
</tr> </table>
	 <table width="150" border="0" >
<tr>
<td bgcolor="#000000">
<a class="navi" href="index.html">Home</a>
<a class="navi" href="ueberuns.html">Über uns</a>
<a class="navi" href="marken.html">Marken</a>
<a class="navi" href="service.html">Service</a>
<a class="navi" href="lageplan.html">Lageplan</a>
<a class="navi" href="kontakt.html">Kontakt</a> </td>
</tr>
</table>
	 <a href="http://www.hilljumpers.at/" target="_blank"><img src="bilder/hilljumpers.gif" alt="Zur Vereinshomepage des Hilljumpers Racing Team" width="145" height="107" border="0"></a>
	 <br>
<img src="bilder/riedl.gif" alt="Unser Partner in Sachen Brillen!" width="145" height="92"></div>
 
<div id="content">
<p>&nbsp;</p>
<span style="color:#006600;font-size:2.0em">Neuer&ouml;ffnung, am 4.Februar 2006</span><br>
<p class="Stil3">Ihr Cannondale Vertragsh&auml;ndler im Raum Wr.Neustadt.</p>
<p>&nbsp;</p>
<table width="600" border="0" align="center">
	<tr>
	 <td width="287" height="452" valign="top"><p align="left"></a>Die Rahmen von Cannondale werden auch heute noch<strong> &quot;Handmade in USA&quot; </strong>gefertigt. In Bedfort, Pensylvania steht eines der modernsten Entwicklungslabors der Bike Industrie weltweit. Hier arbeiten die Cannondale Ingenieure daran, Fahrr&auml;der effizienter, haltbarer und sch&ouml;ner zu machen. </p>
		<p align="left">Cannondale Bikes bestechen durch ihr niedriges Gewicht,<strong> lebenslange Rahmen-Garantie</strong> und ein cleanes Design. Unter dem Stichwort<strong> &quot; System Integration&quot; </strong>hat Cannondale innovative Federungen wie das Headshock System und die Lefty entwickelt. Die SI-Hollowgram Kurbelgarnitur f&uuml;r Rennr&auml;der ist eine der leichtesten und steifsten Kurbeln auf dem Markt.</p>
		<div align="left">Bikes, wie das<strong> Rush</strong>, das<strong> Scalpel </strong>und die<strong> F- und R-Modelle</strong>, sind fester Bestandteil unseres Sortiments. </div></td>
	 <td width="303" align="right" valign="top"><div align="right"><img src="bilder/cannondalebike.jpg" alt="Bike" width="300" height="450" align="top"> </div></td>
	</tr>
</table>
</div>
</div>
</body>
</html>

mit folgendem CSS formatiert:

Code: 
/* CSS Document */
html,body {
font:.9em/1.3em Georgia, Verdana, Arial, Helvetica, sans-serif;
background:#E7E7E7;
color:#000000;
text-align:center; /*Für den Internet Explorer*/
}
div#center {
text-align:left;
margin:0 auto;
background-color:#FFFFFF;
width:800px;
height:auto;
padding:0px;
scroll: auto;
}
div#header {
background-color: #FFFFFF; 
 
 
}
div#navigation {
float:left;
width: 150px;
padding: 0px;
text-align:center;
 
}
 
.navi {
display: block;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color:#FF0000;
background-color:#000000;
border-bottom: 1px solid #000000;
padding: 3px;
}
.navi:hover {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
text-decoration: none;
color: #CCCCCC;
background-color:#000000;
}
.navi:active {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
text-decoration: none;
color: #CCCCCC;
background-color: #000000;
}
div#content {
float:left;
text-align:center;
background-color:#FFFFFF;
width: 650px;
padding: 0px;
margin: 0px;
}

Problemstellen:
  • Die Index Seite im IE und FF hat einen anderen oberen Abstand, warum?
  • Im FF "hüpfen" die Seiten nur so rum?
Über eure Hilfe bin ich jetzt schon dankbar:)

mfg Leuko
 
Der unterschiedliche Abstand zum oberen Browserfensterrand resultiert aus den fehlenden margin- und padding-Angaben für das body-Element.

Code: 
html,body {
margin: 0;
padding: 0;
font:.9em/1.3em Georgia, Verdana, Arial, Helvetica, sans-serif;
background:#E7E7E7;
color:#000000;
text-align:center; /*Für den Internet Explorer*/
}
 
Danke michaelsinterface!
Leider unterscheidet sich die Index Page noch immer von allen anderen Seiten (die haben alle den gleichen Abstand) *am Kopf kratz*
lg Leuko
 
Gibt es eine Online-Version der Seiten, damit man das Problem in Augenschein nehmen kann?
 
Verschiebe mal das Counter-Script aus dem BODY- in den HEAD-Bereich der index.html.
 
Es ist egal was ich im CSS Code ändere, es wird von allen Seiten übernommen nur nicht auf der Index Seite!

Code: 
 div#center {
text-align:left;
margin:auto;
background-color:#FFFFFF;
width:800px;
height:500px;
padding:0px;
 
}

lg
 
Da das Counter-Script nur in der Index-Seite vor dem Seiteninhalt notiert ist, liegt es auch daran ...., notiere das Script doch mal am Seitenende, oder ergänze alle weiteren Seiten mit dem Script ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück