SitePoint Sponsor

User Tag List

Results 1 to 10 of 10

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Location
    Saginaw, MI
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question CSS Browser Issue

    I thought I had everything looking really good...but then as all of you know if something is too good to be true, it usually is.

    I finally got around to redesigning my site using CSS. I had to use a redirection script for older browser to see a page designed for them...that works. What doesn't work is the page I designed for newer browsers. It looks great using IE5.5 in two different resolutions on my PC, but when I viewed it with IE 5.0 the top margins for the left and right boxes are off. I can't figure out what I am doing wrong. Is this a bug that someone has dealt with before?

    Here's my site url: http:www.cmtonline.com

    Here's my CSS style sheet:


    body {
    margin:0px 0px 0px 0px;
    padding:0px;
    background:#ffffff;
    font-family: Arial,Verdana, Helvetica, san-serif;color: #000099;
    font-size: 10pt;
    }

    P, TR, TD, DIV {
    font-family: Arial, Verdana, Helvetica, san-serif; color: #000099;
    }

    P {text-align: justify;}

    #leftcontent {
    position: absolute;
    left:0px;
    top:100px;
    width:140px;
    background:#dcdcdc;
    border-right: 2px solid #000099;
    }

    #centercontent {
    background:#ffffff;
    top:100px;
    margin-left: 140px;
    margin-right:140px;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin-left: 201px;
    margin-right: 201px;
    }

    P.text {
    font-size: 10pt;
    font-family: Arial, Verdana, Helvetica, san-serif;
    }

    P.mainnav {
    font-size: 14pt;
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 10px;
    font-family: Arial, Verdana, Helvetica, san-serif;
    }

    html>body #centercontent {
    margin-left: 201px;
    margin-right:201px;
    }

    #rightcontent {
    position: absolute;
    right:0px;
    top:100px;
    width:140px;
    background:#dcdcdc;
    border-left: 2px solid #000099;
    }

    #banner {
    background:#000099;
    background-image: url(pics/cmtbanner11.jpg);
    height:100px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-left:1px solid #000;
    voice-family: "\"}\"";
    voice-family: inherit;
    height:39px;
    }
    td.menulines a{text-decoration:none; color: #ffffff; font-family: Arial, Verdana, Helvetica, san-serif; font-size: 10pt;}
    td.menulines a:hover{color:#000099; font-weight:bold; background-color:#f2f2f2; }

    html>body #banner {
    height:39px;
    }

    If anyone is using NT 6.0, could you tell me how the page looks?...hopefully things are working as planned.

    Thanks in advance!

    Sundari

  2. #2
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have IE6....
    It appears you have your CSS set to give both #leftcontent and #rightcontent 100px berth in the top margins. If that is accurate then evberything appears to be displayed properly. :|

    Sketch
    Aaron Brazell
    Technosailor



  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Location
    Saginaw, MI
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yep, I did set all the top margins to 100px. But when I viewed the page on two other PCs using IE5.0 and IE5.5 the top margin on the left and right boxes look as if the are set at 90px instead of 100px. It looks fine on three PCs in my office, but not on some of the other PCs. I'm not sure why...resolutions are the same and all the PCs are using IE 5x. I was just wondering if anyone else was seeing the page differently.

  4. #4
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    can you do a series of screenshots for what looks good and what doesn't?

    Sketch
    Aaron Brazell
    Technosailor



  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Location
    Saginaw, MI
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I sure can...I'll attach them to this post.
    Attached Images Attached Images

  6. #6
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Location
    Saginaw, MI
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here's the other one...
    Attached Images Attached Images

  7. #7
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Location
    Saginaw, MI
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  8. #8
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    interesting.

    Neither of those is how it looks for me. I'm using IE6, on NT4. The image will display as soon as it is approved.

    Sketch
    Attached Images Attached Images
    Aaron Brazell
    Technosailor



  9. #9
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Location
    Saginaw, MI
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    NT4 should be directed to a little different home page, mainly one without the right column.

    You mind telling me or sending me a screen shot of what your are seeing with IE6?

    Do you have any suggestions of what might be happening?

  10. #10
    SitePoint Wizard edshuck's Avatar
    Join Date
    Jul 2000
    Posts
    1,198
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi

    Check the DTD.

    A listing of common DTDs are at http://www.htmlhelp.com/tools/validator/doctype.html

    peace

    ed


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
  •