ABstand im content bereich.

matten · Post by **matten** » Tue 23. May 2006, 20:56

Hallo.
Ich bin gerade hier http://www.wasserski-hooksiel.de/page2007 am bauen.
klappt auch alles so weit sehr gut.
Wenn man sich die news anschaut kann man einen korrekten abstand zum linken rand erkennen.
wenn man sich jedoch den ganzen artikel anschaut, ist er komplett am rand.
genau wie der newsletter.
warum? wie bekomme ich den da weg vom rand??
jemand nen tip?

Klappstuhl28 · Post by **Klappstuhl28** » Tue 23. May 2006, 23:05

auhi matten,

es ist auf den ersten Blick nicht so einfach zu sagen, da in deinem Quelltext hier und da einiges unrund ist.
Beispielsweise ist zwischendrin dies hier zu finden:

<head>
<meta http-equiv="Content-Type" padding:5px 15px 10px 10px; content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>

</head >

<body>

</body>
</html>

Die frontend.css sieht ok aus.

Auch das hier ist noch nicht so glücklich gelöst:
<td width="98%" valign="top">
<h1 style="margin:0 0 5px 0;">Saisonstart</h1>

<p style="margin:0">25.03.2005<br /> Heute ist es endlich so weit. Der Saisonstart in Hooksiel kann beginnen.<br /> Um 12.00 Uhr dreht </p>
<a href="index.php?id=1,3,0,0,1,0">zum Artikel...</a>
</td>

Aber harmlos im Gegensatz zu :
<body>

</body>
</html>


<img src="img/leer.gif" border="0" width="1" height="5" alt="" /><br/>
<img src="img/leer.gif" border="0" width="20" height="20" alt="" /><a name="jump3"></a><h1>Saisonstart</h1><div style="margin:20px 0 0 0; padding:0 0 0 0; clear:both;"></div>25.03.2005<br /><br /> Heute ist es endlich so weit. Der Saisonstart in Hooksiel kann beginnen.<br /> Um 12.00 Uhr dreht der Liftnach langer Winterpause endlich wieder.<br /> Das Wetter ist zwar nicht gerade mit uns, aber das soll uns den Spaß <br /> auch nicht vermiesen. <br /><br /> Also dann bis 12.00 Uhr am Wasserskilift. <br /><br /><a href="javascript:history.go(-1)" onmouseover="self.status=document.referrer;return true">zurück zur Übersicht</a><img src="img/leer.gif" border="0" width="1" height="10" alt="" /><br/>

<img src="img/leer.gif" border="0" width="1" height="20" alt="" /></td>
<td valign="top"></td>
</tr>
<tr>
<td colspan="3" style="height:2px;" ><img src="img/leer.gif" width="1" height="2" alt="" /></td>
</tr>
</table>
</body>

Da kann schon mal was durcheinander gehen.

matten · Post by **matten** » Wed 24. May 2006, 08:36

ich habe die fehler mal nen bissel rausgebaut. hoffe ich.

Aber wie kann ich die blos einrücken die oben erwähnten dinge.

Klappstuhl28 · Post by **Klappstuhl28** » Wed 24. May 2006, 15:21

hi matten,

ich habe die fehler mal nen bissel rausgebaut.

da geht noch was.

</table>
</div>
<img src="img/leer.gif" border="0" width="1" height="20" alt="" /></td>
<td valign="top"></td>
</tr>
<tr>
<td colspan="3" style="height:2px;" ><img src="img/leer.gif" width="1" height="2" alt="" /></td>
</tr>
</table>

Es muss nicht ein "margin" oder "padding" sein.
Hier hast du z.B:
<td width="10"><img src="img/leer.gif" border="0" width="10" height="1" alt=""></td>
<td width="100%" valign="top">
<h2 style="margin:0 0 5px 0;">Saisonstart</h2>

Das hast du hier nicht und schon ergibt sich ein Abstand von 10 in einen
und kein Abstand im anderen.
<div>
<h1 style="margin:0 0 5px 0;">test3</h1>

<p style="margin:0">
<strong></strong>wweqrqwere rwe rwe rwe r weqrweqre wqr wqe rw .......</p>
<a href="javascript:history.go(-1)" onMouseOver="self.status=document.referrer;return true">Go Back</a>

</div>