Button in Firefox anders als im IE
Tomasius
- css
0 Tomasius0 Der Martin
hallo wissende.
Der folgende Code ist im ie voll ok, aber im Firefox nicht. Warum nur?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 2</title>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="none, default">
<meta name="Microsoft Border" content="none">
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td>
<a id="body" href="http://www.css-maker.de" target="_blank" style="display: inline; color: #000000; font-family: Verdana, Helvetia,sans-serif; font-size: 10pt; text-decoration: none; width: 100pt; height: 20pt; text-align: center; border-style: outset; border-width: 1pt; padding-left: 0pt; padding-right: 0; padding-top: 5; padding-bottom: 0; background-color: #ff8040">
CSS-Maker</a> </td>
</tr>
<tr valign="top">
<td>
<a id="body" href="http://www.google.de" target="_blank" style="display: inline; color: #000000; font-family: Verdana, Helvetia,sans-serif; font-size: 10pt; text-decoration: none; width: 100pt; height: 20pt; text-align: center; border-style: outset; border-width: 1pt; padding-left: 0pt; padding-right: 0; padding-top: 5; padding-bottom: 0; background-color: #ff8040">
Google.de</a> </td>
</tr>
<tr valign="top">
<td>
<a id="body" href="http://www.yahoo.de" target="_blank" style="display: inline; color: #000000; font-family: Verdana, Helvetia,sans-serif; font-size: 10pt; text-decoration: none; width: 100pt; height: 20pt; text-align: center; border-style: outset; border-width: 1pt; padding-left: 0pt; padding-right: 0; padding-top: 5; padding-bottom: 0; background-color: #ff8040">
Yahoo.de</a> </td>
</tr>
<tr valign="top">
<td>
<a id="body" href="http://www.thru-soft.de" target="_blank" style="display: inline; color: #000000; font-family: Verdana, Helvetia,sans-serif; font-size: 10pt; text-decoration: none; width: 100pt; height: 20pt; text-align: center; border-style: outset; border-width: 1pt; padding-left: 0pt; padding-right: 0; padding-top: 5; padding-bottom: 0; background-color: #ff8040">
THRU-Soft.de</a> </td>
</tr>
</table>
</body>
</html>
Danke für einen Tipp
sorry ich habe gerade nochmal etwas tiefer in einem anderen bericht geschaut und dabei gefunden, dass sie hierfür NICHT
display:inline; anbietet
sondern
display:block;
wohl eher zum erfolg führt.
Hallo,
Der folgende Code ist im ie voll ok, aber im Firefox nicht. Warum nur?
weil er mehrere grobe Schnitzer enthält:
* du verwendest mehrmals dieselbe ID.
Eine ID muss in einem HTML-Dokument einzigartig sein!
* du formatierst ein a-Element als inline (was sowieso der Standardwert ist), gibst ihm dann aber eine Breite und Höhe. Widerspruch!
Außerdem verwendest du pt als Maßeinheit für die Bildschirmdarstellung, wofür diese Einheit völlig ungeeignet ist.
Und schließlich frage ich mich, wo der Bezug zum Postingtitel ist, denn ich sehe in deinem Codeausschnitt weit und breit keinen Button.
So long,
Martin
weil er mehrere grobe Schnitzer enthält:
stimmt wirklich...
* du verwendest mehrmals dieselbe ID.
Eine ID muss in einem HTML-Dokument einzigartig sein!
ich frage mich gerade selbst, wie id="body" dort hingekomme iist.
* du formatierst ein a-Element als inline (was sowieso der Standardwert ist), gibst ihm dann aber eine Breite und Höhe. Widerspruch!
jo, habe schon gesehen, dass disply:block; da wohl angebrachter wäre...
Außerdem verwendest du pt als Maßeinheit für die Bildschirmdarstellung, wofür diese Einheit völlig ungeeignet ist.
also doch eher px statt pt?
Und schließlich frage ich mich, wo der Bezug zum Postingtitel ist, denn ich sehe in deinem Codeausschnitt weit und breit keinen Button.
ganz einfach der link wird button-ähnlich dargestellt...
Merhaba!
also doch eher px statt pt?
Das wäre zumindest insofern besser, als daß Du dem Browser damit eine unnötige Umrechnung ersparen würdest (pt ist eher für den Drucker gedacht, der Browser rechnet es in px um).
Noch besser wäre aber em (1em entspricht der vom Benutzer eingestellten Standardschriftgröße) oder %.
Viele Grüße vom Længlich