Advanced Search

Results 1 to 2 of 2

Thread: div moves down in IE6

  1. #1
    Join Date
    Jan 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default div moves down in IE6

    Hi all,

    I'm struggling with a piece of code, where the div moves down.

    Code:
    #topright
    {
    float:right;
    margin-right:250px;
    margin-top:20px;
    width:350px;
    }
    #nav-topright ul
    {
    list-style: none;
    padding: 0;
    margin-top: 0px;
    } 
    #nav-topright li
    {
    float: left;
    margin: 0 0.15em;
    padding-left: 20px;
    padding-right: 20px;
    } 
    
    #search{
    float:left;
    margin-left:0px;
    margin-top:35px;
    padding-left:20px;
    }
    HTML Code:
    <div id="topright">
       <div id="nav-topright">
    	<ul>
    		<li>Call us free<br /><span class="bigbold">0800 999 9299</span></li>
    		<li>Find us on <br /><img src="images/logo_facebook.gif" /><img src="images/logo_twitter.gif" /><img src="images/logo_youtube.gif" /></li>
    	</ul>  
    
    	<div id="search">Find your nearest store<br />
    	<form name="input" action="html_form_action.asp" method="get">
    	<input type="text" name="user" />
    	<input type="submit" value="Submit" />
    </form> </div>
    </div>
    </div>
    Any help would be greatly appreciated.
    Thanks,
    Kim

  2. #2
    Join Date
    Jan 2011
    Posts
    5
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    If I recall correctly this is a problem that occurs when using floats in IE6. try adjusting your widths to be a little smaller.

    May I ask why you are supporting IE6? Even Microsoft have 'disowned' it.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •