Riesenproblem mit 3 DIVs !!! Hilfe !!! Wie löse ich das Problem

[justin1234]

Es ist schon alles auf dem Bild beschrieben aber ich mache es nocheinmal ....
Ich möchte das die 2 DIVS #logo und #login nebeneinander liegen!
Der header ist 100 % Breit (left:0px; , top:0px; )
Wie geht es jetzt ? Wie können die 2 DIVs #logo und #login nebeneinander liegen ( DIV #header soll so bleiben)



HTML:

<div id="webseite">
<div id="header">            <div id="logo"></div>        <div id="login"></div></div>
<div id="content">    <div id="left"></div>    <div id="right"></div></div>
<div id="footer"></div>
</div>

CSS:

#header {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100px;
background-color:#00F;
}


#logo {
float:left;
width:490px;
height:100px;
background-color:#606;
}


#login {
float:right;
width:490px;
height:100px;
background-color:#3C0;
}

 

[blizzart]

Versuch mal bei #login ebenfalls float:left.

Da der Header über 100% des Browserfensters geht, orientieren sich die DIVs, die in #header sind auch daran. D.h. #logo liegt am linken Rand, #login am rechten. Dazwischen ist halt alles frei. Entweder du machst es wie oben, oder du gibst #header eine feste Größe in px.

 

[justin1234]

Ich habs gerade selber herasugefunden ! D Endlich ...

Lösung:

<div id="header"></div>	<div id="top">		<div id="logo"></div>        <div id="login"></div>    </div>

#top {
position:fixed;
width:980px;	
top:0px;
}
#logo {
float:left;
width:490px;
height:100px;
background-color:#606;
}


#login {
float:right;
width:490px;
height:100px;
background-color:#66F;;
}

 

[blizzart]

...oder so.
Da hast du halt etwas mehr Code, bzw. könntest du so auch #header weglassen.