Tabellen Layout oder CSS-basiertes Layout ?

Begonnen von dobra, Juni 30, 2006, 10:12:53

« vorheriges - nächstes »

0 Mitglieder und 1 Gast betrachten dieses Thema.

dobra

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
mfG
dobra

Andi

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
Alufelgen - Reifen - Komplettr?der
www.auto-tuning-shop.com

hop

#2
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:

<!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:
Sch?ne Gr??e hop

dobra

#3
Danke für die Anwort

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

mfG
Woll-Insel
mfG
dobra

dobra

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
mfG
dobra

dobra

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
mfG
dobra