/CSS. Zusätzliches Element mit HG-Bild und Semantik

[Cheatah]

Hi,

CSS hat noch so viele Unzulaenglichkeiten, dass es eben manchmal Workarounds braucht, auch wenn sie unschoen sind.

in vielen Fällen ist das nicht mal nötig, wenn man mit HTML modular umgeht - was fast zwangsläufig zu mehr Elementen führt. Ich verwende beispielsweise gerne für die "großen" Container einer Seite folgende Konstruktion:

  
<div id="fooContainer">  
    <div class="skip"><a href="#eoFoo">Foo-Bereich überspringen</a></div>  
    <div id="foo">  
        ...  
    </div>  
    <div id="eoFoo"><hr/></div>  
</div>  

Das ist sinnvoll für textbasierte Clients, und auch wenn ich die Bedeutung von <div> hier sicher recht weit auslege, halte ich es noch[1] für semantisch. Der Vorteil ist zudem, dass man solche Bereiche ziemlich gut automatisiert herstellen kann. Ein willkommener Nebeneffekt ist, dass man mehr Elemente zur Formatierung zur Verfügung hat.

Cheatah

[1] Ein einzelnes Element zu gruppieren erscheint zwar schwer ;-) aber es sind wesentliche Seitenbereiche.