DWT bearbeitbare Bereiche

17/03/2008 - 20:46 von Andreas Hoffmann | Report spam
Hi!
Ich sitze jetzt schon Stunden an den Eigenschaften des Editable einer DWT.
Wenn ich z.B. die default-Seite mit Inhalt fülle, wird meine Fusszeile nicht
weiter nach unten geschoben, wenn der Platz nicht mehr ausreicht.
Kann jemand helfen? Danke!

Hier der Code des DWT:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xht...">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- #BeginEditable "doctitle" -->
<title>Willkommen auf der Homepage von Andreas Hoffmann</title>
<!-- #EndEditable -->
<style type="text/css">
</style>
<meta name="description" content="Homepage von Andreas Hoffmann -
Kirchenmusiker - Konzertorganist - Kunstharmoniumspieler" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>

<div style="padding: 5px; position: absolute; width: 740px; height: 120px;
z-index: 12; left: 50%; top: 30px; background-color: #FFFFFF;
margin-left: -375px;" id="Titel">
<div id="navi" style="height: 25px; bottom: 0px; position: absolute; width:
100%; left: 50%; margin-left: -375px;">
<ul>
<li><a href="default.htm">Start</a></li>
<li><a href="vita/vita.htm">Vita</a></li>
<li><a href="konzerte/konzerte.htm">Konzerte</a></li>
<li><a href="instrumente/instrumente.htm">Instrumente</a></li>
<li><a href="tonaufnahme/tonaufnahme.htm">Tonaufnahme</a></li>
<li><a href="galerie/galerie.htm">Galerie</a></li>
<li><a href="gaestebuch/gaestebuch.htm">Gàstebuch</a></li>
<li>Kontakt</li>
</ul>
</div>

<img src="images/banner.jpg" width="600" height="98" style="margin: 5px;
float: left; position: absolute; left: 0px; top: 0px;" alt="Banner" />
<p class="titel_norm">
<span class="titel_fett">Andreas<br />
Hoffmann</span><br />
Am Schwalbacher Berg 44<br />
66806 Ensdorf<br />
Tel.: 06831/5010721<br />
kaerschemusiker@gmx.de</p>
</div>

<div style="position: absolute; width: 750px; height: 150px; z-index: 5;
left: 50%; top: 170px; background-color: #FFFFFF; margin-left: -375px;"
id="inhalt">
<!-- #BeginEditable "bearbeitbar" -->
<div style="position: absolute; width: 740px; height: 100px; z-index: 5;
left: 5px; top: 5px" id="bearbeitbar">
<p>(inhalt)</p>
</div>
<!-- #EndEditable -->
<div id="fussnavi" style="z-index: 4">
<p>Start | Vita | Bous | Konzerte | Instrumente | Tonaufnahme | Galerie
| Gàstebuch</p></div>


</div>

</body>

</html>
 

Lesen sie die antworten

#1 Christoph Schneegans
17/03/2008 - 21:48 | Warnen spam
Andreas Hoffmann schrieb:

Wenn ich z.B. die default-Seite mit Inhalt fülle, wird meine
Fusszeile nicht weiter nach unten geschoben, wenn der Platz nicht
mehr ausreicht.



Du verwendest absolute Positionierung ("position: absolute"). Das
bringt etliche Probleme mit sich, insbesondere kann es schnell
passieren, daß sich Texte überlappen. Besser funktionieren fließende
Layouts ("float: left" bzw. "float: right") oder ganz klassisch
Tabellen.

Dein Layout ist leider auch sonst ziemlich verrutscht, so daß ich
nicht einmal erkennen kann, was du erreichen willst. Möchtest du ein
mehrspaltiges Layout?

<http://schneegans.de/expression-web...erung/> · Unicode in xWeb

Ähnliche fragen