Previous Message
Next Message

Float problem?

Sent by Seth Rothberg on 9 December 2004 15:03


On Dec 9, 2004, at 9:22 AM, Zoe M. Gillenwater wrote:

> It won't if you plan accordingly and set it up correctly.  In your 
> case, for instance, you could wrap the nav and the search in a div and 
> set it to pos relative.  Give it bottom padding set in ems, which 
> provides the space for the search bar to sit.  Then set the search to 
> pos absolute and position it bottom right.  Now, when you increase the 
> font size, the nav will grow in size, but it will just push the search 
> down, it won't overlap it.  Since the search will also still be 
> "contained" in the wrapper div, it won't overlap the content below, 
> because the expansion of that wrapper will just push the content below 
> down.

Sorry, Zoe. Either I don't understand what you're saying or it didn't 
work. Here's a code snippet:

  .navwrapper {
  	position:relative;
	padding-bottom:3em;
}

which is wrapped around the nav bar, breadcrumb trail, and the search 
form

form.sitesearch {	
		display:inline;
		position:absolute;
		bottom:-8%;
		right:0;
		width:30%;
		font-size:80%;
		
	}

Using this scheme the search form still gets overwritten by the nav bar 
when I increase  font sizes.

Seth 

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: