Überschrift h1 in Opera?

[Jens]

Moin =)

Ich hab in CSS eine Überschrift mit <h1> gemacht. Hab dem eine Hintergrundfarbe, eine Textfarbe, eine Textgrösse, etc. gegeben.

Opera ist das jedoch ziemlich egal... Textgrösse sollte 12 Pixel sein, Opera macht mindestens 48 Pixel.

Eignet sich h1 für sowas nicht? Oder gibt's einen Trick, wie man Opera das trotzdem beibringen kann?

Greetz
Jenz

[MudGuard]

Hi,

Ich hab in CSS eine Überschrift mit <h1> gemacht. Hab dem eine Hintergrundfarbe, eine Textfarbe, eine Textgrösse, etc. gegeben.

Opera ist das jedoch ziemlich egal... Textgrösse sollte 12 Pixel sein, Opera macht mindestens 48 Pixel.

Eignet sich h1 für sowas nicht? Oder gibt's einen Trick, wie man Opera das trotzdem beibringen kann?

Soll das jetzt in ein Ratespiel ausarten?
Zeig mal Deinen Code.

Andreas

[Jens]

Zeig mal Deinen Code.

h1  {
  position:relative;
  padding:0;
  margin:0;
  height:15px;
  font-size:12px;
  border-style:solid;
  border-width:1px;
  border-color:#094785;
  margin-top:0px;
  margin-left:0px;
  overflow:hidden;
  color:#93AEFF;
  background-color:#094785;
  font-weight:bold;
  text-align:center;
  }

Und dann setze ich in der HTML-Datei nur noch <h1>Blabla</h1>.

[MudGuard]

h1  {
  position:relative;
  padding:0;
  margin:0;
  height:15px;
  font-size:12px;
  border-style:solid;
  border-width:1px;
  border-color:#094785;
  margin-top:0px;
  margin-left:0px;
  overflow:hidden;
  color:#93AEFF;
  background-color:#094785;
  font-weight:bold;
  text-align:center;
  }

Laß das overflow:hidden; weg.

Andreas

[Andres Freund]

Hi

Zeig mal Deinen Code.

h1  {
  position:relative;
  padding:0;
  margin:0;
  height:15px;
  font-size:12px;
  border-style:solid;
  border-width:1px;
  border-color:#094785;
  margin-top:0px;
  margin-left:0px;
  overflow:hidden;
  color:#93AEFF;
  background-color:#094785;
  font-weight:bold;
  text-align:center;
  }

Und dann setze ich in der HTML-Datei nur noch <h1>Blabla</h1>.

Für solche Sachen is <p></p> zuständig nicht <h1></h1>.
<hX> ist für Inline Formatierung (dafür eigentlich <span></span>) und vorallem die Gewichtung des Textes gedacht.

mfg
Andres Freund

[Sven Rautenberg]

Moin!

Für solche Sachen is <p></p> zuständig nicht <h1></h1>.
<hX> ist für Inline Formatierung (dafür eigentlich <span></span>) und vorallem die Gewichtung des Textes gedacht.

Nein, vollkommen falsch. Auch Überschriften (<hX>) sind blockbildende Elemente, kein Inline-Element. Insofern ist die Anwendung hier vollkommen korrekt.

- Sven Rautenberg

[Orlando]

Hi,

h1  {
  position:relative;
  padding:0;
  margin:0;
  height:15px;
  font-size:12px;
  border-style:solid;
  border-width:1px;
  border-color:#094785;
  margin-top:0px;
  margin-left:0px;
  overflow:hidden;
  color:#93AEFF;
  background-color:#094785;
  font-weight:bold;
  text-align:center;
  }

damit hat Opera kein Problem, wie ein Versuch in einer sonst leeren Seite zeigt. Der Fehler liegt also woanders. Abgesehen davon sind 12px für eine Überschrift absolut nicht geeignet. Wie klein ist denn da der normale Text? Pixel sind ebenfalls suboptimal, verwende % oder em oder gar keine Angabe.

LG Orlando