  |
| Autor |
Nachricht |
jmayer
Neuer [User]
Anmeldung: 15.03.06
Beiträge: 9
|
 Verfasst am: 15.03.2006, 15:53 Titel: zweigeteiltes Seitenlayout mit CSS (anstatt Frames / Tabs) |
 |
|
hallo,
Ich möchte ein Layout so gestalten das die Seite zweigeteilt ist. Links das Menü, rechts die Inhalte.
"Früher" habe ich das mit Frames, später mit Tabellen gemacht. Jetzt möchte ich das mit CSS versuchen.
Hier mal mein erster Gehversuch:
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Testseite</title>
<style type="text/css" media="screen">
html, body {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
</style>
</head>
<body>
<div style="height: 100%; width: 200px; background: #C0C0C0; overflow: auto; padding: 10px;">
<li>Menü<br>
<li>Menü<br>
<li>Menü<br>
</div>
<div style="height: 100%; width: 400px; margin-left: 220px; background: #ffffff; padding: 10px; overflow: auto;">
Bereich für Inhalte
</div>
</body>
</html> |
siehe:  http://www.jmayer.de/html/
Sieht soweit mal gut aus. Der linke Bereich für das Menü (grau hinterlegt) geht über die gesamte Seitenhöhe.
Ich hänge aber nun an dem Problem das ich den rechten (weissen) Bereich für die Inhalte nun auch rechts vom Menübereich platzieren möchte.
Bisher "hängt" dieser Bereichen "unten" dran.
Hat mir da jemand einen Tipp wie ich das Problem lösen kann?
Gruss und vielen Dank schon mal im Voraus
Jürgen
PS: auch ein Dankeschön an die Poster hier im Forum - die ersten Anregungen für diese Seite habe ich hier aus einem Thread entnommen 
|
|
| Nach oben |
|
 |
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
|
| Nach oben |
|
|
Metaman
Power-Poster [User]
Anmeldung: 20.11.05
Beiträge: 636
|
|
| Nach oben |
|
|
jmayer
Neuer [User]
Anmeldung: 15.03.06
Beiträge: 9
|
| Verfasst am: 15.03.2006, 18:25 Titel: |
|
|
herzlichen Dank - das war wirklich das Zauberwort
jetzt bin ich ein Schritt weiter - nach 10 Jahren HTML bricht bei mir jetzt endlich das CSS-Zeitalter an
[wird auch langsam Zeit]
Gruss Jürgen
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 15.03.2006, 20:03 Titel: |
|
|
nach 10 Jahren sollte man aber wissen, dass man Listenelemente (<li>) nur in Listen (z.B. <ul> oder <ol>) benutzt und außerdem nicht nur öffnet, sondern auch schließt 
*duck und weg*
|
|
| Nach oben |
|
|
|
|
