...

View Full Version : Div layers



bunny1
10-29-2009, 05:07 PM
Hi

I have a layer which contains a textbox and button. i have positioned them on top of an image on my page.

It works perfectly for IE and Firefox however if i change the screen dimensions it is completely out of line. I have tried making the position relative and absolute but neither work

Im hoping there is a way around this without detecting browser settings with Javascript.

Any help would be much appreciated.

Thanks


<div id="nav">

<img src="images/navigation.png" alt="" align="top" />

<div id="search">
<form id="txtSearch" method="post" action=""><input name="textfield" type="text" id="textfield" value="" size="14" />
<img src="images/search.png" align="texttop" >
</form>
</div>

</div>


#nav {
width: 715px;
height: 145px;
margin: 0px auto 0;
}
#search {
position:absolute;
left:770px;
top:115px;
z-index:2;
width: 255px;
height: 30px;
}

abduraooft
10-29-2009, 05:17 PM
i have positioned them on top of an image on my page. Can't you just apply it as a background image of #nav?

bunny1
10-29-2009, 05:30 PM
would the image not cover it then?
also would this actually ensure it does not move around on the page for different dimensions?

bunny1
10-29-2009, 05:32 PM
also it is not an image it is a textbox therefore i could not even make it part of the navigation image

abduraooft
10-29-2009, 05:46 PM
Could you post a link to your page?

bunny1
10-29-2009, 09:45 PM
http://www.inafrenzy.com/Site/home.htm

Thank you i really appreciate the help.

Also is there anything you recommend i do about the background - as it is an image it will not dynamically stretch down or come up at the bottom to fit the content within the border
i cant think of anything i can do



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum