Frames, Divs, Tabellen....

biddschedabber

Senior Member

mardi 10 mai 2005, 18:58

1

Hi!

Ich lese im Web immer wieder: Keine Frames mehr benutzen und keine Tabellen, nehmt Divisions für Euer Hompagelayout!

Alles klar... würde ich ja gerne machen, aber kann mir bitte jemand erklären, wie ich das bei einer statischen HTML-Seite umsetzen soll, ohne die Navigation und die Kopf- und Fußzeilen auf jede anzuzeigende Content-Seite kopieren zu müssen?

Übersehe ich da was? Ich meine bei JSP, PHP, ASP und wie die ganzen dynamischen Seiten sonst so heißen, kann ich das ja verstehen, aber bei statischen Inhalten erscheinen mir der Einsatz von Frames die einzige sinnvolle Lösung zu sein....

Konkret geht es mir um dieses Beispiel (div): http://css4you.de/wslayout1/ex0008.html

Hier hat der Autor schön gezeigt, wie er das Design per <div> gestaltet hat... aber leider ist das Navigationsmenü ein Dummy und ich frage mich, wie das jemals bei einer statischen Seite funktionieren soll. ???

Kann mir da mal eben jemand unter die Arme greifen?

biddschedabber

crushcoder

God

Re: Frames, Divs, Tabellen....

mardi 10 mai 2005, 19:33

2

jo, da hast du recht.
da muss man immer mit copy-paste arbeiten.

aber ein include per programmiersprache oder ssi (server-side-include, kann wenig, aber das reicht) ist imho auch für den normalen html-autor machbar.

frames halte ich für eine private seite, die nicht per suchmaschine durchforstet werden soll und auch sonst geringere ansprüche hat, für durchaus erlaubt.
frames gibt es ja auch im xhtml-standard.

Zitat von »Microsoft-Sprecher Thomas Baumgärtner«

Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

Y0Gi

God

Re: Frames, Divs, Tabellen....

mardi 10 mai 2005, 22:24

3

man kann statische seiten ja trotzdem dynamisch generieren. muss ja nicht live sein, kann ja auch im voraus gemacht werden. bei ner katalog-cd mit mehreren tausend indizierten artikeln wird man auch nicht alles von hand zusammenkopieren

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

hurra

God

Re: Frames, Divs, Tabellen....

mardi 10 mai 2005, 23:10

4

So, hab da auch gleich nochmal ne Frage. Bei meinem Bierzähler, hab ich meherere Elemente, die bisher untereinander angeordnet sind:

Leider ist das ganez sehr unübersichtlich, deshalb wollte ich Elemente auch nebeneinander anordnen. Wie bewerkstellige ich dies am besten.

Ich habe bereits erfolglos mit "float:left" und Konsorten rumexpierimentiert, doch leider ohne Erfolg.

Cu Hurra

TrOuble

God

Re: Frames, Divs, Tabellen....

mardi 10 mai 2005, 23:43

5

Moin,

Also ich hab ja jetzt endlich auch den übergang von Tabllen zu div Layern geschafft.
Ich selber benutze jetzt, egal ob dynamische Seite oder statische, nurnoch div Layer bzw css Formatierung.
Wobei ich immer versuchen würde (wenn php unterstützung vorhanden) menus o.ä wenigstens dynamisch zu gestalten - die Grundsätze wie nen Include lernt man schneller als meinen Beitrag hier zu lesen

.

Wen es interessiert :
Meine aktuelle Seite (link siehe sig) ist komplett Tabellenlos und wird nurnoch per css formatiert (wers nicht glaubt -> firefox plugin für webmaster und einfach css sperren

)

MfG TrOuble

PS :

hurra dafür bräuchte man einsicht in deinen Code

aber generell ist der Ansatz über float: schonmal der richtige

Y0Gi

God

Re: Frames, Divs, Tabellen....

mardi 10 mai 2005, 23:44

6

http://www.glish.com/css/

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

TrOuble

God

Re: Frames, Divs, Tabellen....

mardi 10 mai 2005, 23:45

7

Citation de "Y0Gi"

http://www.glish.com/css/[/quote]

http://www.css4you.de/posproperty.html

und viel eindrucksvoller :

http://www.stunicholls.myby.co.uk/boxes/krazy.html

hurra

God

Re: Frames, Divs, Tabellen....

mercredi 11 mai 2005, 00:03

8

Hier mal der Code.

Code source

<form name="kein_alkohol" method="post" action="eintragen_2.php">
      <div class="rahmen">
            <h3>Sorte</h3>
            <select name="bier" size=20 >
              ...
            </select>
      </div>      
      <div class="rahmen">
            <img src="gfx/keinbild.png" border="0" name="bild" alt="bild">
      </div>
      <div class="rahmen">
            <h3>Größe</h3>
            <select name="groesse" size="5" >
                  ...
            </select>
      </div>
      
      <div class="rahmen">
            <h3>Anzahl</h3>
            <select name="menge" size="5" >
                  ...
            </select>
      </div>
      <input type="text" name="Display" align="right" class="display" value="0.5">
      <div class="rahmen">
            <h3>Datum</h3>
            <select name="am" size=4>
                   ...
            </select>
      </div>      
      <div class="rahmen">
            <h3>Kommentar (optional)</h3>
            <textarea name="comment" cols="30" rows="10"></textarea>
      </div>
      <div class="rahmen">
            <h3>Wertung (optional)</h3>
            <select name="rate" size="4">
                  ...
            </select>
      </div>      
      <div class="rahmen">
            <button type="submit">Hau rein</button>
      </div>
</form>

Zuerst sollte ich wohl jeden "Element" eine eigene class zuweisen?

Vielen Dank

Cu Hurra

Y0Gi

God

Re: Frames, Divs, Tabellen....

mercredi 11 mai 2005, 00:54

9

passender wären ids für die einzelnen elemente. ids dürfen nur je einmal vorkommen. diese so gekennzeichneten blöcke formatierst du dann im stylesheet mit float:, clear: und konsorten.

edit: wenn sich deine "rahmen" alle gleich verhalten sollen, gleich groß sind, keine (unterschiedliche) absolute positionierung (möglichst vermeiden, macht oft stress) haben o.ä., dann kannst du natürlich auch klassen nehmen.

wenn's dir hilft, schau dir mal das stylesheet von modforge (speziell die elemente mit ids, also mit # beginnend) an, wie ich da das spaltenlayout realisiert habe.

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)