Autor Thema: Tabellen Layout oder CSS-basiertes Layout ?  (Gelesen 5901 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline dobra

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 1337
  • Lob: 18
    • ShopPilot AT
Tabellen Layout oder CSS-basiertes Layout ?
« am: 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

Linkback: http://www.shoppilot.net/pf/shoppilot-enterprise/2/tabellen-layout-oder-css-basiertes-layout/633/
« Letzte Änderung: Juni 30, 2006, 10:24:34 von Woll-Insel »
mfG
dobra
______________________________
Betreute Shops:
Barrique Einzelhandel
Barrique Großhandel

Offline Andi

  • Hero Member
  • *****
  • Beiträge: 540
  • Lob: 2
    • Auto Tuning Shop
Re: Tabellen Layout oder CSS-basiertes Layout ?
« Antwort #1 am: 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
Alufelgen - Reifen - Kompletträder
www.auto-tuning-shop.com

Offline hop

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 705
  • Lob: 5
Re: Tabellen Layout oder CSS-basiertes Layout ?
« Antwort #2 am: 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:
<!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:
« Letzte Änderung: Juni 30, 2006, 13:13:49 von hop »
Schöne Grüße hop

Offline dobra

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 1337
  • Lob: 18
    • ShopPilot AT
Re: Tabellen Layout oder CSS-basiertes Layout ?
« Antwort #3 am: 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
« Letzte Änderung: Juni 30, 2006, 18:46:31 von Woll-Insel »

Offline dobra

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 1337
  • Lob: 18
    • ShopPilot AT
Re: Tabellen Layout oder CSS-basiertes Layout ?
« Antwort #4 am: 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

Offline dobra

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 1337
  • Lob: 18
    • ShopPilot AT
Re: Tabellen Layout oder CSS-basiertes Layout ?
« Antwort #5 am: 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


xx
Dynamische Tabellen für Detailseiten erstellen

Begonnen von dobra

0 Antworten
2633 Aufrufe
Letzter Beitrag April 18, 2015, 22:09:02
von dobra
question
XP oder Vista?

Begonnen von dobra

7 Antworten
12865 Aufrufe
Letzter Beitrag Oktober 08, 2008, 11:54:49
von dobra
xx
search mit ODER?

Begonnen von jg

2 Antworten
3069 Aufrufe
Letzter Beitrag Juli 28, 2007, 16:46:33
von jg
xx
Include, html oder ipl?

Begonnen von jg

1 Antworten
3869 Aufrufe
Letzter Beitrag November 25, 2002, 23:04:57
von hop