...

View Full Version : Overflow issue



nick2price
05-25-2012, 01:00 AM
Hi guys, I have a basic header structure as follows

<!-- HEADER -->
<div id="header">
<a href="index.html"><img id="logo" src="images/logo.jpg" alt="" /></a>
<img id="logoTwo" src="images/top.png" alt="" />
</div>
<!-- ENDS HEADER -->

So it displays a header image, with two logos on top of this header. The css is

#header {
padding-top:5px;
height: 95px;
position: relative;
background: #2a2d30 url(../images/header.jpg) top center no-repeat;
background-size:100% 100%;

}
#logo {
float:left;
margin-left:210px;
display:inline;
height:117px;
width: 263px;
overflow:visible;
}
#logoTwo {
float:right;
margin-right:210px;
width: 321px;
}

At the moment, I have a problem with the logo's. Both logos are being cut off by the height of the div. So at the moment, my logos are 95px. What should happen is these logos should retain their normal size, and they should overlap the div border. I think it is the overflow property which does this, but I cannot seem to make it work.

Is there anything I am missing?

Cheers

Nick

Mr.Joker
05-25-2012, 01:04 AM
For my browser it goes under the header div:
http://www.dodaj.rs/f/24/9z/2YKkmpmA/adsd.jpg



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum