Is there a way to do this? For some reason, since I have fluid content on the left side, relative positioning isn't working. Although, the left content is no where near the right content, it still moves with the left content.
| SitePoint Sponsor |





Is there a way to do this? For some reason, since I have fluid content on the left side, relative positioning isn't working. Although, the left content is no where near the right content, it still moves with the left content.



try float: right
ColorizeIt - online color editor for forum styles.


If float doesn't cure your problem then post some code (or a link) so we can see what you are trying to do
paul





I've heard bad things about floats, so I'll post the code just in case someone knows the answer. It's basically 2 divs within a div. One is a site directory script, the other, a search form.
Code:<div id="subheader"> <div id="directory"> <p><a href='/'>home</a> > index.php</p> </div> <div id="search"> <form name="f_search" method="get" action="tsep/tsepsearch.php"> <input type="hidden" name="s" value="0"> <input type="hidden" name="e" value="10"> <input type="text" name="q"> <input name="search" type="submit" value="Search"> </form> </div> </div>



I think float is best solution for your problem. It causes problems only when you have fixed width of all divs, but in this case few pixels added by IE won't cause any problems at all so floats would work without any problems.
ColorizeIt - online color editor for forum styles.





well, in my case, adding float:right to my CSS just makes it add an extra line, then float it right. As if it doesn't realize the width of the search box and thinks it needs to lines.


HI,
Remember when you float someting alondise somethng else then the float must come first in the html.
e.g.
Inline style for example onlyCode:<div id="subheader"> <div id="directory"> <div id="search" style="float:right;width:220px"> <form name="f_search" method="get" action="tsep/tsepsearch.php"> <input type="hidden" name="s" value="0"> <input type="hidden" name="e" value="10"> <input type="text" name="q"> <input name="search" type="submit" value="Search"> </form> </div> <p><a href='/'>home</a> > index.php</p> </div> </div>
Paul
Bookmarks