SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member mortenpa's Avatar
    Join Date
    May 2006
    Location
    Norway
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    PLEASE help. I'm Blind!! Problems with CSS/IE and columns

    I have been reading, searching and reading and searching.....

    I have a little problem and I hope someone can help me.
    First, I'm a newbie to CSS, but i try my best....
    Second, I'm a norwegian (don't hold that against me ) so it takes some time to "get it"....(it's not that easy to read and understand english)

    My problem is to get my web page to look the same in IE as in FF.
    I have the "trad" 3 col. layout with 2 "extra" colums at the center of the page.
    It works in FF, but I have tried for a couple of days reading and testing, but I'm stuck, it still don't work in IE (5-6)

    Hope someone can help...

    The test site: http://www.mpaproduction.com/skeigolf/
    The CSS: http://www.mpaproduction.com/skeigolf/css/stil.css


    Morten

  2. #2
    CTO htmlguy's Avatar
    Join Date
    Feb 2005
    Location
    North Carolina
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What I am seeing from your site is that the divs are laying over each other in IE. Try adding a

    * {
    padding: 0;
    margin: 0;
    }

    to your css, then tweak the padding a bit. If you need to you can create another stylesheet with some different element values by using

    <!--[if IE]>
    link to your css
    <![endif]-->

    But that's all I can see for now.
    Zack

  3. #3
    SitePoint Member mortenpa's Avatar
    Join Date
    May 2006
    Location
    Norway
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks htmlguy, that did help me a bit of the way.
    When I'm using a IE stylesheet, and use px (and not %) for my two "middle" columns I get a little closer, but it's still not the way I want it.

    Morten

  4. #4
    Non-Member
    Join Date
    Dec 2006
    Location
    Steubenville, Ohio
    Posts
    85
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by htmlguy View Post

    to your css, then tweak the padding a bit. If you need to you can create another stylesheet with some different element values by using

    Code:
     <!--[if IE]>
    link to your css
    <![endif]-->
    You don't want to do this as it applies to all versions of IE with support for conditional comments. IE6, for example, has numerous bugs not found in IE7, and use of that particular comment may mess things up in 7 when you implement fixes for 6.

    See the link provided for examples and more information.

  5. #5
    CTO htmlguy's Avatar
    Join Date
    Feb 2005
    Location
    North Carolina
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I already tested it, his problem was from IE 5 to IE 7, therefore, you would want to compile and use all versions (near to 0 people use below 4).

    I can't see anything more, sorry, maybe somebody else would be more qualified to answer this question...
    HTMLGuy

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,803
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    HI Morten,

    Its yet another "haslayout" issue (the tenth today so read the faq as my fingers are tired of typing it )

    Remove those ie only styles you were using completely and apply this hack.

    Code:
    <!--[if IE]>
    <style>
    * html #innhold {height:1&#37;}/* Ie6-*/
    #innhold{min-height:0}/* ie7*/
    </style>
    <![endif]-->
    You would be better off putting those big images in the second column in the background to stop the columns from dropping too early.

  7. #7
    SitePoint Member mortenpa's Avatar
    Join Date
    May 2006
    Location
    Norway
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Its yet another "haslayout" issue (the tenth today so read the faq as my fingers are tired of typing it )
    Sorrry Paul, but I have been reading the FAQ's and searched the forum but my lack of CSS skills and my bad (understanding) of english is why I didn't find the answer and thats why I "got blind"

    You would be better off putting those big images in the second column in the background to stop the columns from dropping too early.
    This is the way "they" wanted the layout, but I will tell "them" that it's better to change the columns.


    Thank you for the help (and time) Paul


    Morten


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
  •