SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Jun 2007
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with design in IE7

    Hello fellow CSSers,

    For some reason, my CSS does not look like what I intended it to look like in IE7. I've every dirty IE hack that I can think of to make it look right... to no avail. You can see the design at:

    http://www.thesenewkicks.com/dev/book/test.html

    The navigation is the bit I am having trouble with. Any help would be greatly appreciated.

  2. #2
    SitePoint Zealot
    Join Date
    Apr 2007
    Location
    New London, CT
    Posts
    172
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    what are you trying to do with it?

  3. #3
    SitePoint Zealot Conspiracy's Avatar
    Join Date
    May 2002
    Posts
    159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try using separate style sheets for them, something like this:
    <link href="styleALL.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 7]> <link href="styleIE6.css" rel="stylesheet" type="text/css">
    <![endif]-->
    <!--[if IE 7]>
    <link href="styleIE7.css" rel="stylesheet" type="text/css">
    <![endif]-->

    Like this you can control the 3 major browsers, FF, IE6 and IE7...

  4. #4
    SitePoint Member
    Join Date
    Jun 2007
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, even with a seperate stylesheet, I can't seem to think of a way to do it for IE7.

  5. #5
    SitePoint Zealot Conspiracy's Avatar
    Join Date
    May 2002
    Posts
    159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe you should consider putting the <ul> you set for your navigation inside a div. Put you content DIV to float: left and do the same with your navigation div, but put the navigation div after the content and not before. Set the navigation margin-left with the same value as the width of the content div. And then play around with the values... Just make sure you always state the width, margin and padding properties of all your container elements...


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
  •