nicht angemeldet
Moin,
heute wende ich mich mal mit einem CSS-Problem an die werte SELFHTML-Gemeinde.
Sicher kein neues Problem:
auf der linken Seite ein Navigations-Liste in einem <div>-Element.
Das <div>-Element hat die Eigenschaft float: left.
Daneben ein <div>-Container mit Inhalten. Da drin befinden sich ebenfalls gefloatete Elemente. Verwende ich darin ein clear, wirkt sich dieses ja global aus, was ich nicht möchte. Meine Netzrecherche ergab, daß overflow: hidden hilft das Problem zu lösen. Tut es auch - nur leider nicht im IE.
Hat jemand eine Erklärung bzw. Abhilfe für mich?
Hier nochmal mein kompletter Code:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.navigation {
float: left;
font-size: 0.8em;
}
.container {
overflow: hidden;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<div class="navigation">
<ul>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
</ul>
</div>
<div class="container">
<p style="float: left; margin-right: 30px;">
Test1
</p>
<p style="float: left; margin-right: 30px;">
Test2
</p>
<br style="clear: left;">
<p style="float: left; margin-right: 30px;">
Test3
</p>
</div>
</body>
</html>
MfG
MarkX.