Verzerrte Formatierung (Textabstand zu Tabellenrahmen)in Firefox
freda
- design/layout
Hallo,
kann mir irgendwer helfen? Ich habe nicht so die HTML-Ahnung - s.u. ;). Ich erstelle gerade eine Website via Editor und es ist eher so eine Tüftel- und Copy-paste-Geschichte.
Leider werden bei mir in Firefox Textabstände zum Tabellenrahmen anders dargestellt als im Explorer. (Im Explorer alles einheitlich und bei Mozilla völlig unterschiedlich).
Außerdem wird bei der einen Site auch im Explorer der Text mit anderem Abstand zum Tabellenrahmen dargestellt. Ich vermute es liegt daran, dass es die Seite mit dem längsten Text ist.
Ich würde gerne nach oben und links in beiden Tabellenspalten einen festen Abstand haben und kein Cellpadding/-spacing. Wie geht denn das? Oder habt Ihr andere Tipps?
Vielen, vielen Dank für Eure Hilfe!!!
Freda
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Keramikum</title>
<body bgcolor="#FFA902" text="#AC0020" link="#AC0020"
vlink="#AC0020" alink="text="#AC0020" topmargin="0%" leftmargin="0%" rightmargin="0%">
<center>
<p><img border="1" color="#6D3F0B" image src="head1.jpg" width="100%"></p>
</center>
</head>
<table dir="ltr" border="0" cellpadding="40%" cellspacing="10%" width="100%"><tr><td valign="center" width="30%">
<p align="left">
<b><font face="century gothic">
<a href="index.htm" style="text-decoration: none">Link1</a></font></b></p>
<p align="left">
<b><font face="century gothic">
<a href="mich.htm" style="text-decoration: none">Link2</a></font></b></p>
etc....
<td valign="left">
<font size="6" face="verdana"><b><p>
Überschrift</b><p><br>
<font size="3" face="century gothic">
Text<p>
<image src="Bild.jpg" height="200"><p>
</b>
</table>
</body>
</html>
@@freda:
kann mir irgendwer helfen? Ich habe nicht so die HTML-Ahnung - s.u. ;).
Das erste, was man über HTML wissen sollte, ist, dass man mit HTML die _Struktur_ eines Dokuments angibt, nicht aber die gewünschte _Darstellung_. Dafür ist http://de.selfhtml.org/css/index.htm@title=CSS [CSS2] da.
Du solltest keine missbilligten Elemente ('center', 'font', …) und Attribute ('bgcolor', 'text', 'link', 'vlink', 'alink', …) verwenden; und schon gar keine Attribute, die es laut HTML-Spezifikation [HTML401] gar nicht gibt.
Dann verabschiedest du dich von <http://de.selfhtml.org/html/text/physisch.htm@title=physischen Auszeichnungen> wie 'b' und verwendest <http://de.selfhtml.org/html/text/logisch.htm@title=logische Auszeichnungen> wie 'strong'.
Und wenn du CSS einsetzt, missbrauchst du keine Tabellen mehr zum Layouten, sondern verwendest <http://de.selfhtml.org/css/layouts/index.htm@title=CSS-basierte Layouts>.
Dann tauchen auch solche Probleme wie deins nicht mehr auf.
Live long and prosper,
Gunnar