nicht angemeldet
Hallo,
Leider tut es das nicht! Unerklärlich warum. :( Es sieht nun so aus:
Mit genau diesem Code steht das Logo bei mir im Firefox ganz oben. Oder was meintest Du? Hast Du noch andere CSS-Einstellungen eventuell für .top1?
Übrigens brauchst Du das extra P-Element nicht. Folgendes sollte reichen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>[Titel]</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body {
background-color: #fff;
background-image: url('canva.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}
.top2l {
clear: right;
float: left;
background-color: yellow;
height: 70px;
width: 50%;
margin:0;
}
.top2r {
background-color: red;
background-image: url('canva.jpg');
background-position: top right;
background-repeat: no-repeat;
float: right;
height: 70px;
width: 50%;
}
#logo {
float: right;
margin: 0;
}
-->
</style>
</head>
<body>
<div class="top1"><a name="top"><img id="logo" src="b01.gif" alt="logo">Text in Top1</a></div>
<div class="top2l">Text in Top2l</div>
<div class="top2r">
<div id="product_menu">
<ul class="menu">
<li>Hier das Menu in Top2r</li>
</ul>
</div>
</div>
</body>
</html>
Hier brauchtest Du das margin:0 für .top2l gar nicht, weil .top2l ja selbst wieder float: setzt.
Übrigens: Wenn top1, top2l und top2r in _diesem_ Dokument nur einmal vorkommen, sollten es IDs sein, keine Klassen. Das Selektieren von IDs geht schneller, weil diese einmalig sein _müssen_.
viele Grüße
Axel