SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    May 2004
    Location
    sydney
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Windows does not format CSS correctly

    Hi all,

    http://www.jobsearchhelp.net/slides-new/new.html

    Ive just rebuilt a website using CSS instead of tables, and I realise that the book (Designing without tables using CSS) has been telling me since page one that Windows has issues.

    BUT

    Any MAC program (safari + IE) can see the page correctly, and on windows Mozilla comes pretty close to getting it right but on IE my naviagation bar appears above, and not beside my content.

    Why the huge difference, what am I getting wrong?

    The navigation bar should fit neatly into a 800x600 screen when maximised, and the whole page should look neat and like a single box.

    Argh!

    Cheers,

    Daniel Green

  2. #2
    SitePoint Evangelist ClevaTreva's Avatar
    Join Date
    Jan 2004
    Location
    Chipping Campden, UK
    Posts
    403
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi

    As my pc is just going through a long death IE system resource crash, I cannot view your stylesheet

    However, you appear to be falling foul of the IE float model problem, where IE adds an extra 3px of hidden padding to the left of a floated container. If your menu is floated, and let's say its div is called navbar, then add this after the navbar style:

    /* \*/* html #navbar{margin-right:-3px}/* */

    To feed this negative figure just to IE Win.

    For other float related problems, visit www.positioniseverything.net



    Trevor
    "Good artists copy, great artists steal."
    - Pablo Picasso
    The image of ClevaTreva is drawn by Rhys, and is a GOOD likeness

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Or simply increase the table by a few pixels to compensate
    Code:
    <table width="760"...................
    This will allow the floats to line up side by side.

    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
  •