Ok ich lasse das mit den Tabellen gleich sein...das mit CSS die Seiten aufbauen ging einfacher^^.
Das mit dem Säulenbauden- Fusszeile bekomme ich zwar noch nicht hin mit der min- height.
Aber Übung macht den Noob? Ach ne den Meister, Noob macht Übungen^^.
Danke für die schnellen Antworten...falls ich mit dem CSS nicht weiter weiss, dann poste ich es im CSS- Thread.
Also habe nun im <table style="height: 100%"> mit eingefügt, bringt leider nix :(.
Aber was mich wundert habe eben ganz oben diesen Wirrwarr weggemacht.
Den hier ->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
Und siehe da nun zeigt der mir die Tabelle wie in der Abbildung im Seminar an.
(ABER WIR ICH TABELLE BIS AN DEN RECHTEN RAND BEKOMME WEISs ICH IMMER NOCH NICHT)
D.h. ich habe einen zu alten/falschen Doctype benutzt?
Und wenn ja..welchen sollte ich den da nehmen?
1. Ich wollte mal das Beispiel im Html- Seminar mit den Tabellen nach machen.
<!-- m --><a class="postlink" href="http://www.html-seminar.de/pro_grunddesign.htm">http://www.html-seminar.de/pro_grunddesign.htm</a><!-- m -->
Aber wenn ich den Code eingebe wie er da steht funktioniert dieser bei mir nicht. Also die Tabelle wird zwar angezeigt, aber halt nicht wie mit height="100%" definiert. Sonder ganz klein eben, so das gerade noch der Text reinpasst.
Sprich die Tabelle zieht sich nicht über die ganze Seite.
Und auch da wo der Inhalt stehen sollte geht die Tabelle nicht bis zum rechten Seitenrand.
Hier mal der Code:
<table height="100%" cellpadding="10" border="1" >
<tr>
<td width="175" bgcolor="yellow" >
Logo <br>
Adresse <br>
<br>
Steuerung
</td>
<td width="*" >
Inhalte
</td>
</tr>
</table>Hab ich da was falsch gemacht? Benutze den IE 7.
2. Joa und nochwas...passt vll. nicht rein, aber damit es zusammenhängend ist ;).
Bei dem Beispiel davor wo es um den Seitenaufbau mit CSS ging (Säulenbauden) ist doch bei viel Text die Fusszeile nicht so zu sehen. So das man herunter scrollen kann. So weit ist das ja in Ordnung.
Nun habe ich aber die selbe Seite per copy und paste ein zweites mal erstellt, aber mit weniger Text.
Nun ist die Fusszeile mitten im Bildschirm. Der Text wie und so ist alles drauf, aber ich möchte doch das die Fusszeile am Bildschirmrand unten ist.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>nn</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="kopfbereich">
<p>Säulenbauden des 20. Jahrhunderts.</p>
</div>
<div id="steuerung">
<p style="margin-top: 0px" style="margin-bottom: 0px;"> Steuerung</p>
</div>
<div id="schatten">
</div>
<div id="inhalt">
<h1>Willkommen zur Beispielwebsite</h1>
<p>n</p>
<br />
<br />
<br />
<p>h</p><a href="testhomepage.htm">Seite 1</a>
<br />
<br />
<br />
<br />
<br /> <br/><br/>
</div>
<div id="fusszeile">
<p>CSS Beispiel von Html- Seminar.</p>Da habe ich in Tipps und Tricks nachgeschaut und bin fündig geworden.
Darauf hin habe ich folgendes verbessert, in der Fusszeile.
<div id="fusszeile">
<p style="margin-top:175px">CSS Beispiel von Html- Seminar.</p>
Nun ist zwar die Fusszeile am Rand unten, wie ich es haben wollte. Aber kann man das nicht auch in der css Datei mit angeben? Das z.B. da wo zu wenig Schrift ist autm. margin-top auf auf die px- Größe eingestellt wird, das die Fusszeile am Rand unten rutscht? Und nicht irgendwo in der Mitte kleppt?
Hier nochmal meine CSS Datei:
html, body {
font: 100% Arial, Helvetica, sans-serif;
}
#kopfbereich {
background: url(bilder/hg-saeulen-img-9599.jpg) no-repeat left top;
height: 150px;
}
#kopfbereich p {
color:white;
text-align:right;
font-size:2em;
padding:0.4em 0.4em 0 0;
}
#steuerung {
background-color: #ceb98e;
padding-left:1em;
}
#schatten {
background: url(bilder/schattenwurf-grau-v.png) repeat-x;
height: 12px;
}
#inhalt {
padding:2em;
}
#inhalt h1, h2, h3, p, ul {
padding-bottom:.7em;
}
#inhalt ul {
padding-left:2em;
}
* {
margin: 0;
padding: 0;
}
#fusszeile {
clear: both;
padding-left: 1em;
background-color: #ceb98e;
</div>
<div id="schatten">
</div>
</body>
</html>Eigentlich so wie es in der Anleitung im Seminar auch steht.
Hoffe mir kann da jmd. weiterhelfen.
Lg