DIV Layers - HTML Forums

bunny1 · 10-29-2009, 12:10 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

Code:

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

Code:

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

¥åßßå · 10-30-2009, 03:55 AM

Code:

#nav{
position:relative;
}

That'll make your absolute work relative to #nav

¥