Der Befehl <button> in Opera

[santange]

Ich habe Button mit dem Befehl <button> erstellt und Feste Längen, Breite, und Formatierungen angegeben.

Diese werden leider von Opera nicht berücksichtig.
Mit allen anderen Browser funktioniert es einwandfrei.

Weiss jemand wieso?

 

[Tim C.]

Ich denke, das wird daran liegen, dass das Element <button> gemäß dem HTML Standard keine Attribute width und height unterstützt (siehe hier).
Auf welchen anderen Browsern hast du denn getestet ? Dann kann es nämlich nur noch sein, dass IE und konsorten, dieses nicht valide HTML nach persönlichem Gutdünken interpretieren. Valide und korrekt ist in diesem Fall jedoch die Darstellung von Opera.

 

[santange]

Habe es mit IE 6.0, Mozilla 1.6, Netscape 7.1 und Avant getestet

Gibt es eine Alternative zum Befehl <button>?

Oder sollte man den Browser Opera gar nicht berücksichtigen?

 

[JohannesR]

Original geschrieben von santange
Oder sollte man den Browser Opera gar nicht berücksichtigen?

Nein, man sollte valides HTML berücksichtigen, dann sieht das nämlich auf allen Browsern gleich gut/schlecht aus.

 

[Tim C.]

Original geschrieben von Johannes Röttger
Nein, man sollte valides HTML berücksichtigen, dann sieht das nämlich auf allen Browsern gleich gut/schlecht aus.

Da muss ich dir unbedingt zustimmen. Valides HTML, sonst gar nichts.

Aber auch da sind sich nicht alle Browser einig (siehe hier), oder sind ineinandergeschachtelte divs nicht valide ?

 

[JohannesR]

Nein, ab heute nicht mehr! Siehst du doch!
Find ich allerdings lustig.

 

[GH@NDI]

Wie siehts denn aus mit der Verwendung von CSS? Wäre das valid? Zumindest funktioniert es in Opera 7.23 und IE 6.0

 

[JohannesR]

Solange es valides CSS ist, kein Problem!

 

[santange]

Habe es mit CSS auch versucht leider ohne Erfolg unter Opera

Ausschnitt aus meinem CSS......

button {
background-color:#83BDE5;
width: 100%;
font-weight:bold;
color: #0D5283;
text-align: center;
cursor: pointer;
}
button.Submenu {
height: 30;
font-size:11px;
}
button.Hauptmenu {
height: 45;
font-size:14px;
}

 

[xollo]

Hi,
versuchs mal so

<style>
.butt {
background-color:#83BDE5; 
width: 100%;
font-weight:bold;
color: #0D5283;
text-align: center;
cursor: pointer;
}
</style>
<form name=test>
<input class=butt type="button" value="Test">
</form>

so klappt es auch im Opera

gruss xollo