SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot kryptokid's Avatar
    Join Date
    Nov 2001
    Location
    Brisbane, Australia
    Posts
    108
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Space in between two Divs

    Hi,

    I've decided to convert my CSS/Table hybrid site purely to just CSS. Up until now it was going pretty well...even fixed up some browser compatibility issues that were bugging me with the old coding.

    Anyway this is what the part I'm having a problem with looks like in IE:



    Obviously the end piece shouldn't be separate from the global nav section.

    Here's the CSS code I have used.

    Code:
     
    #globalnav {
    float: right;
    height: 23px;
    width:50%;
    }
    #globalnav a:link {
    color: #FFFFFF;
    text-decoration: underline;
    }
    #globalnav a:hover {
    text-decoration: none;
    }
    #globalleft {
    float: left;
    width: 27px;
    margin: 0px 0px 0px 0px;
    }
    #globalright {
    background-color: #102452;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
    font-color: #FFFFFF;
    text-align: right;
    font-size: 75%;
    width: 100%;
    height: 23px;
    margin-left: 0px;
    }
    And in html:

    Code:
    <div id="globalnav">
    <div id="globalleft">
    	<img src="img/hdr-bannerleft.gif" style="background-color:#FFFFFF;">
    </div> 
    <div id="globalright">
    	<form name="frmSiteSearch" method="get" action="site_search.asp" id="form-element" onSubmit="return CheckForm();">
    	 <a href="/index.htm" accesskey="2" title="Home">Home</a> |
    	 <a href="/tools/sitemap.htm" accesskey="4">Site map</a> |
    	 <a href="/client/about_us/contact/index.htm" accesskey="5">Contact us</a> |
    	 Site search <input name="search" type="text" class="searchinput">
    	 <img src="img/go.gif" width="14" height="14" align="absmiddle" onclick="document.frmSiteSearch.submit()" style="cursor: pointer">
    	</form> 
    </div>
     
    </div>
    It works in Netscape, Firefox but both IE and Opera are having problems.
    This is how it turns out in Opera:



    If anyone can help me out (or tell me I'm complete goose with my code) I'd appreciate it.

    Thanks,
    Dan

  2. #2
    SitePoint Zealot kryptokid's Avatar
    Join Date
    Nov 2001
    Location
    Brisbane, Australia
    Posts
    108
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Whoops, fixed both using absolute positioning on globalnavleft.

    Thanks Dan!

    No Probs Dan!

    CSS is driving me loopy.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,784
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by dan
    Thanks Dan!

    No Probs Dan!
    Glad you helped yourself lol

  4. #4
    SitePoint Addict markchivs's Avatar
    Join Date
    Oct 2004
    Location
    Malvern Hills, UK
    Posts
    233
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking

    Glad you helped yourself lol
    No wonder you've got nearly 6500 posts ha ha ha

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,784
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    No wonder you've got nearly 6500 posts ha ha ha
    I wish they were all as simple as that lol

    2 posts this morning have taken an hour to solve .

    Paul


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
  •