So in etwa:
HTML-Code:
<!doctype html>
<meta charset="UTF-8">
<title>mimii :: xhtmlforum.de</title>
<style>
img {
height: auto;
max-width: 100%;
}
header {
position: relative;
white-space: nowrap;
}
#logo, #navi {
width: 50%;
display: inline-block;
}
#logo {
vertical-align: bottom;
}
#logo img {
vertical-align: bottom;
margin-bottom: -20px;
}
#navi {
vertical-align: top;
background-color:#abc;
}
#navi p {
white-space: normal;
}
#content {
background-color:#ccc;
height:200px;
padding:20px;
}
</style>
<header class="clearfix">
<div id="logo">
<img src="http://www.dj-macomar.de/images/test.png" alt="test">
</div>
<div id="navi">
<p>Navigation </p>
</div>
</header>
<div id="content">
<p>Content</p>
</div>