SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast intheory's Avatar
    Join Date
    Jun 2004
    Overland Park, KS
    0 Post(s)
    0 Thread(s)

    Question Site Review / CSS Help

    I'm working on a few floated header elements and can't get a few items sorted out in IE6/7.

    In Firefox 2, ths page header renders as expected. Logo floated left, site title floated right and nav floated right:

    In IE the logo pushes the nav out of the way and takes up vertical space that it shouldn't. At least on the start page for the site I can get the nav items to show up in IE, albeit in the wrong spot.

    Code structure looks okay to me so far, I can manipulate where things are (and have to no end with no luck) and am open to trying a few diff things if anyone has suggestions.

    The rendered code is a bit ugly; the raw HTML is below:

    HTML Code:
     <div id="wrapper">
      <div id="headerwrapper">
        <div id="header">
           	 <a href="/"><img src="img/logo.png" alt="USA Eagles"/></a>		 
    	 <h1><a href="/">USA Eagles Classic Rugby</a></h1>
          <div id="nav">
              <li><a href="/news">News</a></li>
              <li><a href="/players">Players</a></li>
              <li><a href="/schedule">Schedule</a></li>
              <li><a href="/about">About</a></li>
              <li><a href="/gear">Gear</a></li>
              <li><a href="/sponsors">Sponsors</a></li>
              <li><a href="/members" class="members">Members</a></li>

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Aurora, Illinois
    0 Post(s)
    0 Thread(s)
    The HTML code structure may appear to be ok, but in fact it's set up in such a way that any modifications to the site's appearance will require major structural changes to the HTML. Let me see what I can cook up for you.


Posting Permissions

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