PDA

View Full Version : header and logo


kasiarakos
08-03-2010, 12:49 PM
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{
float:left;
overflow: auto;
}




<body>
<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" />
</div>
</div></body>

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

gentleone
08-03-2010, 02: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?

kasiarakos
08-04-2010, 07: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?