div oder frame oder table?

Gast #1211636 
Wie gestalte ich am besten eine HTML-Seite, die mittig den Inhalt 
darstellt und sowohl rechts als auch links einen variablen Abstand zum 
Fensterrrand hat? Siehe z.B.: http://www.kuechen.com/

Mit table habe ich oben und untern noch einen kleinen Abstand zum 
Fensterrand (nicht erwünscht). Mit Frame würde das doch eigentlich auch 
gehen. Aber mit div kenne ich mich nicht aus. Geht es damit auch? Ein 
Beispiel wäre nett.
Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Langsamer Modus Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Melden Danke 
Am besten verabschiedest du dich von Tabellen. Die solltest du wirklich 
nur noch für "Tabellen" verwenden (also Ansammlungen von Daten z.B. 
Name,Adresse,Telefonnummer) und nicht mehr als Gestaltungsmittel für 
eine Seite.

Frames würde ich auch nicht machen. Frames sind dafür zwar gedacht, aber 
heutzutage macht man eigentlich alles mit Div-Boxen.
Das mit dem Rand zu Fensterrand hängt denke ich mit der Bodyformatierung 
zusammen. Beheben kannst du das mit:
1
<style type="text/css">

2
<!--

3
body {

4
margin: 0px;

5
padding: 0px;

6
}

7
-->

8
</style>


EDIT:
Achja, du wolltest ja ein Beispiel. Hier findest du sehr viele: 
http://www.stichpunkt.de/css/bereiche.html
Antwort Zitieren Bearbeiten Löschen Melden Danke
Gast 
- Tabellen fürs Layout sind TABU
- Frames sind (eigentlich fast) tot
- DIV ist das Mittel der Wahl :-)

Horizontal zentrieren geht so in der Art:

1
<div style="width: 50%; margin: auto;">

2
Inhalt

3
</div>


Der Rand oben und unten kommt vom Body, dort margin und padding nullen.
Alles weitere in SelfHTML :-]
Antwort Zitieren Bearbeiten Löschen Melden Danke
Thread beobachten

Antwort schreiben

Eine eigene Frage? Dieser Thread ist über 17 Jahre alt. Stell sie in einem eigenen Thread – dort lesen mehr Leute mit, und sie wird öfter und schneller beantwortet.

Neuen Thread starten

Eine Lösung, Ergänzung oder Rückmeldung zu diesem Thread? Dann antworte hier.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Dein Name und deine E-Mail-Adresse

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.