zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Fußzeile unter Tabelle, bzw. Layer positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.10.2007, 14:22
Benutzerbild von Dylan
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2007
Beiträge: 68
Dylan befindet sich auf einem aufstrebenden Ast
Standard Fußzeile unter Tabelle, bzw. Layer positionieren

Hallo,

Ich habe eine Frage die mich bei der Neuerstellung einer Site beschäftigt.
HTML oder Layer - oder beides?
In meiner Entwurfsphase habe ich auf beides gesetzt. Ich habe als Rahmen eine Tabelle genommen die per Layer mit Inhalten gefüllt werden.
Ich möchte unter der Tabelle (main) gern einen Layer (footer) setzen der als footer dienen soll.
Ist es möglich einen Layer unter eine (wachsende) Tabelle zu setzen? Oder ist es sinniger beim gesamten Layout auf Layer zu setzen? Ist es bei meinem Layout überhaupt möglich full browser compatible nur auf Layer zu setzen?

Wie erreiche ich es das der #footer unter der Seite erscheint?

Dummystand:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Lorem Ipsum</title>
<style type="text/css">
<!--
table.main {margin-top:40px;position:absolute;visibility:visible;left:50%;width:762px;margin-left:-381px;background-color:#FFF;border:#000 1px solid;}
#footer {display:block;position:relative;visibility:visible;left:50%;width:762px;margin-left:-381px;padding-top:6px;padding-bottom:20px;}
td.kopf {text-align:center;}
td.kopf_links {width:169px;text-align:left;vertical-align:top;border-right:#000 1px solid;background-color:#000;}
td.headline {width:590px;padding-bottom:15px;padding-left:18px;background-color:#000;font-weight:bold;text-align:left;vertical-align:bottom;font-family:Arial,Helvetica,sans-serif;font-size:1.0em;color:#FFF;}
td.navi {text-align:left;vertical-align:top;border-right:#000 1px solid;}
td.sideboard {text-align:left;vertical-align:top;border-right:#000 1px solid;}
td.inhalt {padding:18px;text-align:left;vertical-align:top;}
b,strong {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight:bold;font-size:10pt;color:#000}
#navigation {position:relative;width:10px;height:330px;left:-381px;top:40px;z-index:3;text-align:left;vertical-align:top;}
#sprache {position:relative;width:200px;height:14px;z-index:10;text-align:right;left:350px;top:-10px;color:#000;}
-->
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" class="main">
  <tr>
    <td colspan="2" class="kopf">Lorem Ipsum</td>
  </tr>
   <tr>
    <td class="kopf_links"><img src="gfx/kopf/kopf_links.jpg" width="169" height="60"></td>
    <td class="headline">Headline</td>
  </tr>
  <tr>
    <td class="navi"><div id="navigation"><img src="gfx/blind.gif" width="10" height="310"></div></td>
    <td class="inhalt"><div id="sprache"><a href=<?=$links[0]?> onfocus="if (this.blur) this.blur()">deutsch</a> | <a href=<?=$links[1]?> onfocus="if (this.blur) this.blur()">english</a></div><b>Sub Headline</b><br><br>Dieser Text ist ein Blindtext.</td>
  </tr>
  <tr>
    <td class="sideboard">lorem</td>
    <td>ipsum</td>
  </tr>
</table>
<div id="footer">impressum, top, etc.</div>
</body>
</html>

Geändert von hemfrie (10.10.2007 um 12:53 Uhr) Grund: Code Tag hinzugefügt
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.10.2007, 15:38
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Dylan Beitrag anzeigen
HTML oder Layer - oder beides?
Diese Frage stellt sich überhaupt nicht. Schließlich kannst du ohne die Hypertextmarkuplanguage kein Hypertextdokument erstellen. Auf Layer - eine längst in Vergessenheit geratene Erfindung von Netscape - kannst du allerdings getrost verzichten. Ich denke du möchtest wissen, ob du eine Tabelle für Layoutzwecke missbrauchen darfst / kannst / sollst. Keinesfalls!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.10.2007, 19:19
Benutzerbild von Dylan
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2007
Beiträge: 68
Dylan befindet sich auf einem aufstrebenden Ast
Standard

Sorry. Dann formuliere ich meine Frage neu:
TABLE oder DIV - oder beides?

Die eigentliche Frage ist noch offen: Wie platziere ich einen "DIV" unter einer Tabelle? Oder, wenn stilistisch nicht einwandfrei: Wie formatiere ich eine tabellenlose Struktur wie die meinige aus DIV's - und platziere darunter meinen footer?
Mit Zitat antworten
  #4 (permalink)  
Alt 09.10.2007, 20:25
Neuer Benutzer
neuer user
 
Registriert seit: 09.10.2007
Beiträge: 6
lpvr befindet sich auf einem aufstrebenden Ast
Standard

Hi,
Mir ist die Frage zwar immernoch nicht ganz klar... aber..
Zitat:
TABLE oder DIV - oder beides
DIV. - Tabellen benutzte man vor ca. 5 Jahren fürs Layout, weil man kein CSS hatte. Tabellen benutzt man eben nur, wenn man wirklich Tabellen- im Sinne von Wertetabellen -darstellen möchte.
Zitat:
Wie formatiere ich eine tabellenlose Struktur wie die meinige aus DIV's?
CSS.

EDIT: Natürlich hatte man vor 5 Jahren schon CSS, aber man war zu doof,... aber das ist wiederrum eine andere Geschichte.
Mit Zitat antworten
  #5 (permalink)  
Alt 09.10.2007, 23:52
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Dylan Beitrag anzeigen
TABLE oder DIV - oder beides?
Tabellen für tabellarische Daten, Divisionen um inhaltlich zusammengehörige Elemente zusammenzufassen.
Mit Zitat antworten
  #6 (permalink)  
Alt 10.10.2007, 13:06
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

@Dylan

ich hab mir mal erlaubt Deinen Anfangs-Beitrag zu editieren. Der Quelltext hat dafür gesorgt, dass das Seitenlayout gesprengt wurde.

Wenn man längere Quelltexte postet, empfiehlt es sich diese innerhalb von [CODE][/CODE] anzugeben. (siehe Raute im Editor)

Geändert von hemfrie (10.10.2007 um 13:18 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 10.10.2007, 13:54
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Kann man die Raute eigentlich gegen ein "idiotensicheres" (ist gegen niemanden persönlich gerichtet ) Icon austauschen? Manche Leute suchen sogar nach einer Code-Funktion, erkennen die Raute aber nicht als solche und behelfen sich daher mit "php"...

Geändert von heiko_rs (10.10.2007 um 15:39 Uhr) Grund: Tippfehler korrigiert
Mit Zitat antworten
  #8 (permalink)  
Alt 10.10.2007, 16:42
Benutzerbild von Dylan
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2007
Beiträge: 68
Dylan befindet sich auf einem aufstrebenden Ast
Standard

Sorry, ich werde zukünftig darauf achten code in <code> einzufügen. Wie wäre es mit diesem Symbol: <>

Danke für die vielen "Ratschläge", echte Antworten oder Tipps waren leider keine dabei. Ich bin immer noch nicht kluger, wie ich einen <div> unter einer <table> positioniere. Ich gehe davon aus: Es geht nicht.

Danke.
Mit Zitat antworten
  #9 (permalink)  
Alt 10.10.2007, 16:58
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Entferne die absolute Positionierung, dann sitzt der Footer ganz von selbst dort, wo er hin soll.
Blockelemente werden mit margin:0 auto zentriert. Auch eine Tabelle ist ein Blockelement.
Dass die Tabelle hier unangebracht ist, hast du ja schon oft genug gelesen.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 10.10.2007, 17:01
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Dylan Beitrag anzeigen
Danke für die vielen "Ratschläge", echte Antworten oder Tipps waren leider keine dabei. Ich bin immer noch nicht kluger, wie ich einen <div> unter einer <table> positioniere. Ich gehe davon aus: Es geht nicht.
Die nach der Tabelle notierte Division wird bereits standardmäßig unter der Tabelle dargestellt. Du hast der Tabelle die Eigenschaft position: absolute zugewiesen und sie damit aus dem Textfluss genommen. Sie hat keinen Einfluss mehr auf nachfolgende Elemente. Die Textauszeichnung ist nicht die Ursache des Problems, sondern die anschließende Formatierung mit CSS. Deine Fragen wäre also im Forenbereich CSS besser aufgehoben. Du musst sie dort nicht erneut stellen: Lies einfach die FAQ.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Inhalt im div Layer oben positionieren Chattiger CSS 5 17.08.2008 13:55
DIV prozentual zur Tabelle positionieren Bubbleman CSS 2 12.07.2007 00:43
div layer bzw. container verschiebt sich Frightener CSS 1 21.02.2007 17:51
Absolutes positionieren in einer Tabelle in FF nicht moeglich? brakai295 CSS 0 16.01.2007 14:36
Layer ganz unten positionieren MoRpH2k2 CSS 19 31.05.2005 14:54


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:07 Uhr.