CSS problem with my free book site

Discussion in 'CSS' started by motionmountain, Nov 30, 2007.

  1. #1
    I have a simple website that provides a free 1500 page
    physics textbook for all. On my mac, the site
    looks exactly as I want it. But on IE6 on PCs,
    many things go wrong.
    (the site is http://www.motionmountain.net )

    All problems are related to the css in
    http://www.motionmountain.net/motionmountain.css

    Changing the "position: relative" to
    "position: absolute" in the code below, which describes the middle,
    main column, has almost no effect
    on the mac, but dramatic effects on the PC:

    .content {
    position:relative; /* in PCs: gives strange floating problems */
    z-index:1000;
    left:150px;
    margin:0px;
    margin-right:415px; /* for PCs */
    padding-top:46px;
    padding-left:120px;
    padding-right:10px;
    padding-bottom:20px;
    width:auto;
    text-align:left;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans,Gill,sans-serif;
    font-size:0.7em;
    line-height:1.5;
    color:black;
    background-image:url(IMAGES/pic2.gif) ;
    background-position:left top;
    background-repeat:no-repeat;
    }

    On PCs, on the home page,
    "position relative" makes the outer two menus behave
    in the way I want (hovering works over the whole block,
    not only when the pointer is on the text) but in
    exchange, the effect is lost on the red "download
    the text" line.

    On PCs, the position of the left lower graph changes,
    depending on whether I set position:relative
    or position:absolute on the middle column.

    On the page http://www.motionmountain.net/text.html,
    the right image float behind the text on IE6, but
    float perfectly on firefox.

    The same problem happens with the pdf and zip icons.
    Obviously, I am not understanding something here.
    Can somebody explain all this to me?

    Thank you a lot in advance!

    Christoph
     
    motionmountain, Nov 30, 2007 IP
  2. motionmountain

    motionmountain Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The issues seem to be related to haslayout. I managed to correct most of them.

    Christoph
     
    motionmountain, Nov 30, 2007 IP