View Full Version : header and logo

08-03-2010, 11:49 AM
hello i have this code when i have fullscreen window it's ok but when i restore down the header goes under the logo what seems to be the problem?

body {
background-color: #300;
#container {
background: #FFF;
margin: 0 auto;
width: 80%;
#logo, #header{
overflow: auto;

<div id="container">
<div id="logo"><img src="images/logo.jpg" width="150" height="150" alt="logo" /></div>
<div id="header"><img src="images/header_games2_02.gif" width="800" height="150" alt="header" />

08-03-2010, 01:36 PM
Using % widths will do this. Try using fixed width or a min-width css rule to overcome it.

08-03-2010, 01:36 PM
It's because the CSS of #logo and #header doesn't make sense. What do you want to achieve with that?

Can you put the page online somewhere so that we can see what you're after?

08-04-2010, 06:18 AM
thank you for your help. unfortunately I can't put the page online. with the css rule #logo and #header I want to put the header next to the logo. the problem was fixed I changed the width (it was using % and I changed it to px) i think it is the same to use min-width and max-width, isn't it?