View Full Version : Div layers

10-29-2009, 05:07 PM

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.


<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" >


#nav {
width: 715px;
height: 145px;
margin: 0px auto 0;
#search {
width: 255px;
height: 30px;

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?

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?

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

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

10-29-2009, 09:45 PM

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