CSS Grafik neben Text positionieren

[Emskerla]

Liebe Gemeinschaft,

ich style gerade dieses Template um.

Wie schaffe ich es, dass mein Logo immer in einem bestimmten Abstand links von Überschrift steht?

HTML:

<div id="mylogo" style="height: 150px;">
<img src="images/logo.jpg" alt="logo"/></div>
<div id="header">                
<h1><a href="index.html" id="logo">Überschrift</a></h1>
</div>

CSS:

#mylogo
{ 
    z-index: 2;
    position: relative;
    max-width: 100%;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5); 
    float: right;
}

@media only screen and (max-width: 840px) { #mylogo { display:none; } } 


/* Header */

#header 
{
text-align: center;
padding: 1em 0 0 0;
background-color: #fff;
background-position: top left, top left, top left;
background-size: 100% 6em, 100% 6em, auto;
background-repeat: no-repeat, no-repeat, repeat;
}

 

[FranzvonAssisi]

Das was links sein soll muss "float:left" kriegen und das was rechts sein soll "float:right"

Unter den beiden floats solltest du dann ein leeres div machen mit "clear: both" als style.

Siehe auch: http://www.w3schools.com/css/css_float.asp

Lg, Franz