ich hätte mal eine CSS Frage:
in etwa folgendes Layout:
Code:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
align: center;
font-size: 10px;
}
#container {
background-color: #CCCCCC;
width: 760px;
margin-right: auto;
margin-left: auto;
}
#head {
background-color: #000000;
}
#links {
background-color: #666666;
width: 210px;
float: left;
}
#rechts {
margin-left: 210px;
}
#bottom {
background-color: #000000;
clear: both;
}
.pic {
float: left;
margin: 10px;
}
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
@import url("layout.css");
-->
</style>
</head>
<body>
<div id="container">
<div id="head"> </div>
<div id="links"> Inhaltsverzeichnis<br />
1 Was ist XHTML?<br />
1.1 Was ist HTML 4?<br />
1.2 Was ist XML?<br />
1.3 Wozu braucht man XHTML?<br />
2 Definitionen<br />
2.1 Terminologie<br />
2.2 Allgemeine Begriffe<br />
3 Normative Definition von XHTML 1.0<br />
3.1 Konforme Dokumente<br />
3.1.1 Streng konforme Dokumente<br />
3.1.2 XHTML mit anderen Namensräumen verwenden<br />
3.2 Konforme Benutzerprogramme<br />
<br />
</div>
<div id="rechts">Kurzbeschreibung<br />
Diese Spezifikation definiert die zweite Auflage von XHTML 1.0, eine Neufassung
von HTML 4 als XML 1.0-Anwendung sowie drei DTDs, die den von HTML 4 definierten
DTDs entsprechen. Die Semantik der Elemente und ihre Attribute sind in der
W3C-Empfehlung für HTML 4 definiert. Diese Semantiken stellen die Grundlage
für die zukünftige Erweiterbarkeit von XHTML dar. Kompatibilität
mit existierenden HTML-Benutzerprogrammen ist möglich, wenn einige wenige
Richtlinien befolgt werden.<br />
Anmerkung der Übersetzer:<br />
Die Kurzbeschreibung sagt bereits zwei wichtige Dinge: Erstens entspricht
XHTML 1.0 inhaltlich HTML 4. Es gibt also keine neuen Elementtypen. Zweitens
ist die Bedeutung der Elementtypen in der HTML 4-Spezifikation beschrieben.
Aus diesem Grund ist die HTML 4-Spezifikation nicht überflüssig
und sollte bekannt sein, wenn Sie mit HTML oder XHTML arbeiten möchten.
Die deutsche Übersetzung von HTML 4 ist unter der Adresse http://www.edition-w3c.de/TR/1999/REC-html401-19991224
zu finden.<br />
Status dieses Dokuments<br />
Dieser Abschnitt beschreibt den Status dieses Dokuments zum Zeitpunkt seiner
Veröffentlichung. Neue Dokumente können dieses Dokument ersetzen.
Der neueste Status dieser Dokumentreihe wird vom W3C verwaltet.<br />
Dieses Dokument ist die zweite Auflage der XHTML 1.0-Empfehlung, die die Korrekturänderungen
bis zum 1. August 2002 enthält. Änderungen zwischen dieser Version
und der vorhergehenden Empfehlung sind in einer Version mit hervorgehobenen
Änderungen dargestellt.<br />
Diese zweite Auflage ist keine neue Version von XHTML 1.0 (zum ersten mal
am 26. Januar 2000 veröffentlicht). Die Änderungen in diesem Dokument
spiegeln Korrekturen wider, die als Ergebnis von Kommentaren, die von der
Öffentlichkeit gemacht wurden, und als Ergebnis der fortschreitenden
Arbeit der HTML-Arbeitsgruppe entstanden sind. Es gibt keine substantiellen
Änderungen in diesem Dokument – ausschließlich die Integration
der verschiedenen Errata.<br />
Die Liste der bekannten Fehler in dieser Spezifikation ist unter http://www.w3.org/2002/08/REC-xhtml1-20020801-errata
verfügbar.
<div class="pic"><img name="" src="" width="50" height="50" alt="" style="background-color: #003399" /></div>
<div class="pic"><img name="" src="" width="50" height="50" alt="" style="background-color: #003399" /></div>
<div class="pic"><img name="" src="" width="50" height="50" alt="" style="background-color: #003399" /></div>
</div>
<div id="bottom"> </div>
</div>
</body>
</html>
ist es möglich, den gefloateten container links samt hintergrund bis an die unterkannte des containers rechts zu bekommen, sodass beide mit dem bottom container abschließen?
die einzige idee die mit eingefallen ist ein Hintergrundbild für den außencontainer zu verwenden und den conatiner links und rechts einfach transparent zu lassen.
Gibt es eine CSS Lösung?
Dank im Voraus
Thomas
