Unterschiedliche Anzeigen in Browsern

[villain]

Hallo Forengemeinde,

habe meine Seite http://www.drachenhoehle.biz jetzt mal mit
den aktuellsten und gängigsten Browsern getestet und bin
etwas unzufrieden. 2 Probleme müsste ich noch lösen um
einigermaßen zufrieden zu sein. Vielleicht kann mir jemand einen
Tipp geben oder weiss die Lösung.

Die Überschriften der einzelnen Seiten werden im Firefox und
in Netscape abgeschnitten angezeigt.

<td><span class=pagetitle>Drachenhöhle - Das Erlebnisportal <img src="../image/square.gif" border=0></span>
<br></td>

Im Explorer und Opera
wie auch in der styles.css notiert auf 100% der
Tabelle verteilt. So wie es sein soll.

.pagetitle {
 font: small-caps normal 12px Arial, Helvetica, sans-serif; color: #003362;
 text-decoration: none;
 font-style : normal; font-weight: normal;
 border-top: 1px solid #FFCC66; width: 100%;
 border-bottom: 1px solid #FFCC66; width: 100%;
}
.pageheader {
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #003362;
 text-decoration: none;
 font-style : normal; font-weight: normal;
 border: 1px solid #003362;
 background: #FFFFCC; width:100%;
 padding-left: 5px;

Auch wird der untere Rand der Seite im Firefox und Netscape
abgeschnitten. Opera und IE zeigen es so an wie es sein soll.

Danke schon mal für Eure Hilfe.

Gruß Marc

[villain]

Bitte löschen doppeltes Posting!!! Sorry

[egg]

Ich würde keinen span nehmen, da das ein inline-Element ist und in den Browsern, die nicht so wollen wir Du, nur so breit angezeigt wie sein Inhalt.
Du könntest der Tabelle oder Zelle die Klasse zuweisen, am besten wäre allerdings, die Tabelle ganz wegzulassen und aus dem span einfach ein p oder div zu machen.

Gruß
egg

[villain]

Ich würde keinen span nehmen, da das ein inline-Element ist und in den Browsern, die nicht so wollen wir Du, nur so breit angezeigt wie sein Inhalt.
Du könntest der Tabelle oder Zelle die Klasse zuweisen, am besten wäre allerdings, die Tabelle ganz wegzulassen und aus dem span einfach ein p oder div zu machen.

Gruß
egg

Wenn ich in meiner css das ganze mit display: notiere. Sie Beispiel.

a.menu1:link {
        display:block;
 font: small-caps normal 12px Arial, Helvetica, sans-serif;     color: #003362; text-decoration: none;
 width=100%; background: #FFFFCC; padding-left:5px;
 border-top: 1px solid #FFFF99;
 border-left: 1px solid #FFFF99;
 border-right: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;

müsste es eigentlich klappen. Dann wird das ganze ja nicht mehr als
Inline Element dargestellt. Werde es heute Abend testen.

[MudGuard]

Hi,

a.menu1:link {
        display:block;
font: small-caps normal 12px Arial, Helvetica, sans-serif;     color: #003362; text-decoration: none;
width=100%; background: #FFFFCC; padding-left:5px;

^
       Error

border-top: 1px solid #FFFF99;
border-left: 1px solid #FFFF99;
border-right: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;

cu,
Andreas

[villain]

Problem behoben indem ich in der styles.css display:block
notiert habe. jetzt wird es auch in Firefox so angezeigt wie ich
es haben möchte.

Ein Problem gibt es noch. Die Forum.html wird noch nicht so angezeigt
wie ich möchte. Die erste Tabelle im iframe wird von firefox und netscape umgebrochen (Zeilenumbruch)

<table class=table border=0 cellspacing=0 cellpadding=0 width=530>
<tr align=center valign=top>
<td><TABLE WIDTH=90% ALIGN=CENTER>

<TR vAlign=top>
    <TD class=menuheader>Aktuelle Forum Beiträge:</TD>
    <TD class=menuheader>gepostet von:</TD>

Hat noch jemand eine Idee? Danke schon mal an alle die mir bisher geholfen haben.

Gruß Marcus