Re: [Typo3-german] halb OT Designtabellen und <div> für barrierefreiheit

[Peter Linzenkirchner]

Hallo Sven,

Am 1. Sep 2005 um 07:22 schrieb Sven Thierfelder:

> Hi,
>
> Barrierefreiheit ist nicht nur in aller Munde sondern auch per Gesetz
> für offentliche Einrichtungen ab dem 1.1.2006 Pflicht. Wichtig ist
> dabei, dass Designtabelle verboten sind und man so auf andere Dinge
> ausweichen muß. Bleiben also die Divs. Leider ist es mir bisher nicht
> möglich gewesen Divs so zu platzieren, dass das gewünschte Design
> erziehlt wird. Divs lassen sich nebeneinander nur platzieren, wenn man
> sich des style float bedient, was aber zur Folge hat, dass am Ende es
> kleineren Divs der größere wieder auf volle Breite springt und so kein
> Spaltendesign zu stande kommt.

Vesuche mal, der zweiten Spalte ein margin-left zu geben, das der  
Breite der linken Spalte entspricht. Damit das Ganze in IE  
funktioniert, müssen beide Spalten auch eine definierte Breite haben.

Aufgrund des unterschiedlichen Box-Models der IE-Browser solltest Du  
vermeiden, den divs neben der Breite noch ein padding zu geben.  
Arbeite statt dessen mit margin für die eingeschlossenen P oder H- 
Tags. Oder schachtel zwei divs ineinander:

<div id="spalte1">Navigation</div>
<div id="spalte2"><div class="content"><h1>Blubb</h1><p>....</p></ 
div></div>


spalte1 floatet nach links, und bekommt eine feste Breite, z. B. 150px.
spalte2 bekommt ein margin-left von 150px, floatet nach links und  
eine feste Breite von meinetwegen 500px oder 30 em. Die Klasse  
content bekommt ein padding.

Viele Grüße
Peter



-- 
-----------------------------------------------
Peter Linzenkirchner
Lisardo Multimedia GmbH
Herrenbachstraße 19, 86161 Augsburg
Tel. ++49-821-150565, Fax ++49-821-150595
-----------------------------------------------