flow away

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
egturnkey
Forum Commoner
Posts: 34
Joined: Sun Jul 26, 2009 7:35 pm

flow away

Post by egturnkey »

Hello Friends

I've a problem where my images flow away after i did added an banner has the following css code

Code: Select all

 
#topbar{
position:absolute;
padding: 2px;
background-color: #F4F3B3;
visibility: hidden;
z-index: 100;
}
 


HTML Code

Code: Select all

 
<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="images/close.gif" alt="blah" border="0" /></a>
ads goes here
</div>
 


now the images on IE below the banner flow away and after i make refresh it back again


i've tired to change
position:absolute;
to fixed/relative ..ect but it will effect the banner since it moves down with the scroll

thanks in advance
egturnkey
Forum Commoner
Posts: 34
Joined: Sun Jul 26, 2009 7:35 pm

Re: flow away

Post by egturnkey »

problem solved

i've read more about css position and i found

The position property is used to position an element.

where

absolute : Generates an absolutely positioned element, positioned relative to the first parent element that has a position other than static. The element's position is specified with the "left", "top", "right", and "bottom" properties.



hence i've added to the whole body css code

Code: Select all

position:absolute;
and it works correct now


thanks everybody
Post Reply