Problem mit neuem Layout

[Mathias Brodala]

Hallo Mathias.

Bei mir könnte das ganze so aussehen:

<h1><img src="logo_logo.gif" height="91" width="188" /> <span>hier kommt ein Banner hin</span></h1>

Selbst mit einer position–basierten Variante stellt sich Firefox noch quer:

* {  
  margin:0;  
  padding:0;  
}  
h1 {  
  background:url(logo_bg.gif) repeat-x;  
  font-size:1em;  
  font-weight:normal;  
  margin:auto;  
  position:relative;  
  width:60%;  
}  
h1 span {  
  outline:1px solid;  
  position:absolute;  
  top:40%;  
}  
h1::before {  
  content:url(logo_left.gif);  
}  
h1::after {  
  content:url(logo_right.gif);  
  position:absolute;  
  right:0;  
}

Irgend etwas gefällt ihm hier am ::after–Pseudoelement nicht. Was ich auch versuche, es lässt sich partout nicht am rechten Rand seines Elternelementes ausrichten, so wie es Opera und Konqueror tun.

Hm …

Einen schönen Freitag noch.

Gruß, Mathias