Contentlayout Raster

[qtux]

Contentlayout Raster

Sagen wir mal ich möchte so etwas (siehe Bild) im Contentbereich einer
Webseite darstellen wie sollte man das Umsetzten so das man das Konzept
auch noch auf anderen Seiten weiterverwenden kann?

Mir geht es nicht darum wie man es direkt per HTML umsetzt sondern eher was
eine effektive wiederverwendbare Methode ist.

Möglichenkeiten (Code nicht komplett nur Beispielhaft ):

a) Tabelle

<h1>Kontakt</h1>
<h2>Ansprechpartner</h2>
<table ...>	
	<tr>
		<td><img src=pfeil></td>
		<td>Hans Müller<br />Geschäftsführer</td>
		
		<td><img src=pfeil></td>
		<td>Hans Peter<br />Vertrieb</td>
	</tr>
	....
</table>
<h2>Adresse</h2>
Adressdaten....

b) div

<style>
	.box_left { float:left }
	.box_right { float: left; padding-left: 30px; }
	ul { list-style-image: url(pfeil); }
</style>
<h1>Kontakt</h1>
<h2>Ansprechpartner</h2>
<div class=box_left>
	<ul>
		<li>Hans Müller<br />Geschäftsführer</li>
		<li>....
	</ul>
</div>
<div class=box_right>
	<ul>
		<li>Hans Müller<br />Geschäftsführer</li>
		<li>....
	</ul>
</div>
<br style=clear:both; />
<h2>Adresse</h2>
Adressdaten....

Nun was ist besserer Code oder ist eher Ansichtssache? oder Streitfrage?

Ich bin gespannt auf eure Meinungen und ich denke man brauch im Content immer mal zwei
Spalten zum einteilen von Inhalten die nicht gleich Tabellen sind.

 

[Budman]

Hallo!

Also ich persönlich würde auf jeden Fall für div's plädieren. Folgende Gründe sprechen meiner Ansicht nach dafür:

• Kompatibilität Mit divs funktioniert's browserübergreifend ohne Probleme
• Flexibilität Das Design ist jederzeit änderbar. Wenn Dir z.B. mal einfällt, Du möchtest die Spalten lieber untereinader (quasi als Reihen), ist das ohne Eingriff auf der eigentlichen HTML-Seite möglich
• Google und Braile-Leser Beiden sind Dir mit Sicherheit dankbar für ein ihnen verständliches Design
• Und zu guter Letzt: CSS gehört die Zukunft!

Also ich finde heutzutage sollte man lieber mit div's arbeiten, das ist einfach fortschrittlicher.

Gruss

 

[Gumbo]

Ich würde noch weiter gehen die Informationen in eine Definitionsliste setzen. Damit wäre auch eine zweispaltige Ausrichtung kein Problem.

 

[hela]

Hallo,

genau das denke ich auch (s. Gumbo): Die Name werden aufgezählt und gehören deshalb in eine Liste.

edit:
Die eigentliche Aufgabe (des Designers) besteht nun darin, die Aufzählung in eine Liste zu packen und das (falls notwendig) zweispaltig darzustellen.