Tabellen Layout oder CSS-basiertes Layout ?

dobra · Juni 30, 2006, 10:12:53

Hallo,

Nachdem ich meinen shop gerade von frame auf noframe mit Tabellenlayout umgebaut habe,
(http://www.woll-insel.at/cgi-bin/shop2/iboshop.cgi?show)
bin ich jetzt total verunsichert, weil in einem Webdesign-Forum nur gegen ein tabellenbasieres Layout geschrieben wird.

Kann mir bitte jemand (für Laien verständlich) den Unterschied - Vor- und Nachteile - erklären.

mfG
Woll-Insel

Andi · Juni 30, 2006, 10:38:52

Hallo Woll-Insel,

ich würde die Sache nicht so eng sehen.
Sofern Du nicht irgendwelche Superspeziellen - Supervariablen
Content ( Shopdesign veränderbar durch user etc.) anbieten
willst, kann man auch (nachwievor) auf Tabellen setzen.

Ihr kennt mich ja - bin ja selber "altmodisch".
Mein Shop basiert schon immer komplett auf Tabellen -
CSS nutze ich nur für Farben und Schriftarten.
Es gibt (und gab) keine Probleme - alle sind sehr zufrieden.

Grüße v. Andi

hop · Juni 30, 2006, 13:06:16

Hallo,

Zitat
Nachdem ich meinen shop gerade von frame auf noframe mit Tabellenlayout umgebaut habe,
bin ich jetzt total verunsichert, weil in einem Webdesign-Forum nur gegen ein tabellenbasieres Layout geschrieben wird.

Frame/Noframe ist etwas ganz anderes als Tabelle/CSS.
Das erstere kombiniert mehrere HTML-Seiten zu einem
Bildschirm. Tabelle/CSS bezieht sich aber auf die Gestaltung einer
einzigen HTML-Seite. Und beim frameless Layout, ist das
die einzige Seite die angezeigt wird.

Wir verwenden derzeit eine Mischform aus Tabelle und CSS.
Das Grundlayout mittlerweile per CSS aber alle Auflistungen der Artikel per Tabelle.
Alles über Tabelle zu machen hat den Nachteil, dass sehr viel Code geschrieben werden muss
und dadurch der Quelltext sehr unübersichtlich wird.

Hier mal ein Beispiel wie kurz ein Shoptemplate sein kann:

Code [Auswählen]


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/template-de.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<meta NAME="Author" CONTENT="Hans Ophuels">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Produktkatalog</title>
<!-- InstanceEndEditable -->
<!--spmacro:include(include/user.ipl)-->
<link rel="stylesheet" href="../css/stile.css" type="text/css">
</head>
<body>
<div id="wrap">
	<div id="header">
		<div id="teaser">
		</div>
		<div id="logo">
		<img width="195" src="../design/trinos-logo.gif"></div>
	</div>
	<div id="headbar">
	<div id="sitemenu">
	<a href="http://__xxpath__?show0,__xxsession__">Home</a>
	<a href="http://__xxpath__?showbynameFirma,__xxsession__">Firma</a>
	<a href="http://__xxpath__?showbynameReferenzen,__xxsession__">Referenzen</a>
	<a href="http://__xxpath__?showbynameSuche,__xxsession__">Suche</a>
	<a href="http://__xxpath__?showbynameTech-Info,__xxsession__">Tech-Info</a>
	<a href="http://__xxpath__?showbynameAGB,__xxsession__">AGB</a>
	<a href="http://__xxpath__?showbynameImpressum,__xxsession__">Impressum</a>
	</div>
	</div>
	<div id="content"> 
	<!-- InstanceBeginEditable name="Content" -->
      <div align="center">
        <p><span class="titel"> __ptitel__ </span>__pimage__</p>
    Hier der Inhalt
     </div>
    <!-- InstanceEndEditable -->
	</div>
	<div id="sidebar">
	<br />
	<div class="box">
	<h3>Suchen</h3>
	<form method="POST" action="http://__xsuchen__">	
	<input class="input_text" type="text" name="suchbegriff" value="Suchbegriffe" style="width: 97%;" onFocus='javascript:if (this.value=="Suchbegriffe") this.value=""'>
	</form>
	</div>
     <br> 
     __user::showMenu__
	 <p>
	 <div class="box">
	 <h3>Katalog</h3>
	 __catalog__</div>
	 </p>
	<br />
	<div class="box">
	 <h3>Warenkorb</h3>
	Artikel im Warenkorb:  __wkanzahl__<br>
	__wkorbanzeigen__	
	</div>

   </div> <!-- sidebar -->
	<div id="footer"> __logo__ 
	</div>
</div>
</body>
<!-- InstanceEnd --></html>

Und so sieht es dann z.B. aus:

dobra · Juni 30, 2006, 13:34:37

Danke für die Anwort

Mix aus Tabelle und css gefällt mir, damit spiele ich auch gerade herum.

mfG
Woll-Insel

dobra · Juli 08, 2006, 10:18:39

Hallo Andy,

nachdem ich mich näher mit css-Layout beschäftigt habe, schließe ich mich (zumindest solange sich die Browseranbieter nich auf eine einheitliche Interpretation geeinigt haben) Deiner Meinung an und bleibe bei dem guten alten Tabellenlayout.

Der Grund ist haupsächlich, daß bei css-Befehlen jeder Broeser anders (oder garnicht) interpretiert.

Man kann es zwar sowieso nicht jedem recht machen, aber ich blicke da viel zu wenig durch, wie ich was schreiben müßte, damit es mit allen Browsern wenigstens halbwegs passabel ausschaut.

Ich denke (und hoffe) daß das bei Tabellenlayout nicht so extrem unterschiedlich angezeigt wird.

mfG
Woll-Insel

dobra · März 08, 2007, 15:04:42

Hallo,

habe hier ein online-Tool gefunden, daß (zumindest für Anfänger wie mich) recht hilfreich bei der Erstellung von css-Boxen ist.

http://css.fractatulum.net/csseditor/

es gibt verschiedene Vorlagen, die man als Basis verwenden und beliebig anpassen kann.
css und/oder HTML Anzeige
einfach mal ausprobieren

Tabellen Layout oder CSS-basiertes Layout ?

dobra

Andi

hop

dobra

dobra

dobra