BORDER-TOP wird im IE nicht angezeigt

PhoenixDH

Erfahrenes Mitglied
Ich habe das Problem, das im IE bei meiner Seite bei TD's der Border-Top nicht angezeigt wird.
Und zwar zu sehen hier: http://www.bartagame-info.de/
Es geht u,m das Menü links.

Hier der Code im CSS:
Code:
.menue_header{/*Haupttabelle Überschrift*/
		font-style:italic;
		font-weight:bold;
		font-size: 13px;
		border:1pt solid #000000;
		padding: 1px 13px 1px 13px;
		background-color:#F5DEB3;
		}

Und HTML:
Code:
              <tr> 
                <td height="23" align="center"><span class="menue_header">Bartagame</span></td>
              </tr>

Was mache ichb hier falsch?
Dank euch!
 
Hi,

weise dem Inline-Element <span> mittels display:block "Block-Level-Charakteristka" zu - so wird der umlaufende Rahmen vom IE auch vollständig angezeigt.

mfg Maik
 
Hi Maik,

danke, das behebrt zwar mein Problem, führt mich aber zu nem anderen.
Wenn ich display:block verwende, dann macht er das ganze zu breit und unterrschiedlich im IE und FF, deshalb hab ich mal noch width hinzugefügt.

Sieht jetzt so aus:
Code:
.menue_header{/*Haupttabelle Überschrift*/
		font-style:italic;
		font-weight:bold;
		font-size: 13px;
		border:1pt solid #000000;
		padding: 1px 13px 1px 13px;
		background-color:#F5DEB3;
		display:block;
		width:75%;
		}

Wie kann ich das jetzt noch beheben?
 
Das Element kann in den Browsern nicht breiter dargestellt werden, wie es in dem verschachtelten Tabellendschungel die unmittelbar umschliessende Tabellenzelle zulässt.

Ansonsten lässt sich ohne die width-Deklaration ein horizontaler Außenabstand einrichten - beispielsweise so:
CSS:
.menue_header {
background-color:#D2B48C;
border:1pt solid #8B4513;
color:#F5DEB3;
display:block;
font-size:13px;
font-style:italic;
font-weight:bold;
margin:0 10px 5px 10px; /* Außenabstand oben - rechts - unten - links */
padding:1px 13px;
}

mfg Maik
 
Klar geht das nicht, aber ich wollte es erst so, das es nicht über die Ganze Breite geht,
aber so wie es jetzt ist gefällt es mir besser, deswegen hatte ich ja auch das padding drin.

Hat sich also erledigt, danke.
 
Zurück