SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2001
    Posts
    439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    confused. Why does this work in IE only

    Hi guys,
    I have been working on a CSS layout, and it only seems to display correctly in IE.
    I have tested in Opera, Mozilla and Netscape 6.2 and they all display it differently to IE...

    THe link is
    http://www.intra9.com/intra9

    thanks again

  2. #2
    SitePoint Wizard
    Join Date
    Jul 1999
    Location
    Chicago
    Posts
    2,629
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What do you want it to look like? Can you post a screenshot?

    It looks fine in Galeon, which uses Mozilla 0.9.9, but I don't know what you want it to look like.

  3. #3
    SitePoint Evangelist
    Join Date
    Oct 2001
    Posts
    439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    here is how it should look

    http://sitepointforums.com/attachmen...tachmentid=704
    Attached Images Attached Images
    Last edited by mvd; May 26, 2002 at 22:00.

  4. #4
    Degrading Gracefully PalmerB's Avatar
    Join Date
    Sep 2001
    Location
    Ohio - U.S.A. Outlook: Cautiously Optimistic
    Posts
    3,283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A few thoughts. In your source code you do not specify the "type". Below is how it should be written...

    <link rel="stylesheet" type="text/css" href="styles/styles.css" />

    I looked at your style sheet and everything looks fine to me. Maybe someone else can see something wrong. The thing that might cause problems is the "height" attribute. I don't think that's supported by all browsers. The padding attribute is sometimes a problem as well. Also, Netscape sometimes doesn't understand the "width" attribute, maybe that's what's going on. I usually just take away one thing at a time and see how it looks.

    body{
    background-image:url(../images/tilemain.jpg);
    }
    #frame{
    width:769px;
    height:100%;
    margin:0px;
    }

    #left{
    background:url(../images/tileleft.gif);
    width:6px;
    float:left;
    height:100%;
    }
    #main{
    width:749px;
    background:#FFFFFF;
    height:100%;
    float:left;
    padding:0px;
    }
    #right{
    width:14px;
    background:url(../images/tileright.gif);
    height:100%;
    float:left;
    }
    #footer{
    width:749px;
    background:#999999;
    height:30px;
    padding:2px;
    position:relative;
    bottom:0px;
    }
    .footertext{
    font-family:arial,helvetica;
    font-size:10px;
    color:#FFFFFF;
    line-height:15px;
    text-decoration:none;
    }
    .footertext:hover{
    text-decoration:underline;
    }
    .footerimg{
    position:absolute;
    top:2px;
    right:2px;

    }

  5. #5
    SitePoint Evangelist
    Join Date
    Oct 2001
    Posts
    439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks PalmerB........
    I have been trying a bunch of different things, but no matter what, it will not display correctly in all browsers...

    How else can I run something at 100% height in Netscape browsers, as I am having many problems with that. Is it even possible??

    cheers

  6. #6
    Degrading Gracefully PalmerB's Avatar
    Join Date
    Sep 2001
    Location
    Ohio - U.S.A. Outlook: Cautiously Optimistic
    Posts
    3,283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not sure about the latest version of Netscape but as far as making the height 100%, you can't do it in 4.7. You may try searcing 100% height netscape in the forums here, I know it's been discussed before.

    What I do when I want something to stretch vertically is use a one pixel invisible "spacer" .gif. inside a table. I just make the height attribute whatever I want so it stretches vertically. Of course if someone has a larger monitor than mine, it won't fill the entire screen but it's the only workaround I've found that is compatible with all browsers.

    Welcome to the wonderfully wacky world of Web design

    Palmer

  7. #7
    SitePoint Evangelist
    Join Date
    Oct 2001
    Posts
    439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes it is a wacky world indeed...

    I normally use the spacer, but in this instance I am doing a design without tables.....

    I have developed a compromise which will work in all browsers now, but I guess the Netscape users will just have to miss out on the good stuff.....

    anyway thanks for feedback guys.....

    cheers


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
  •