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>
Alles anzeigen
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>
Alles anzeigen
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>
Alles anzeigen
Eigentlich so wie es in der Anleitung im Seminar auch steht.
Hoffe mir kann da jmd. weiterhelfen.
Lg