Ciao e benvenuto nel nostro forum
Ho dato uno sguardo velocissimo al codice e devo dire che mi son perso abbastanza. Ad esempio non capisco perché il menu l'hai messo sotto ed hai dovuto portarlo sopra con un margine negativo.
Io fossi in te metterei:
un div con il menu in alto senza specificare la larghezza e mettendo un margine a destra di 200 px. metterei l'immagine a destra, con posizione assoluta. (al limite usa il float:right con un clear nel div successivo, vedi te quale preferisci) h2una cosa grezza tipo questa:
#logo{ position:absolute; right:0; top:0; border:1px solid yellow; background-color: black; } #logo2{ clear: right; border:1px solid yellow; width: 175px; height: 82px; background-color: gray; } #slogan{ width: 450px; height: 20px; border:1px solid black; background-color: green; }<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="bbody">
<div id="menu">aaa | bbb | ccc</div>
<h2 id="slogan">Slogan del sito</h2>
<div id="logo2"></div>
</div>
</body>
</html>