Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder byuhobbes85's Avatar
    Join Date
    Oct 2006
    Location
    Ames, Iowa, USA
    Posts
    116
    Thanks
    9
    Thanked 4 Times in 4 Posts

    zenGarden practice

    I'm working on a zenGarden to brush up on my CSS skills after a long time not using them. I noticed that my content displays differently accross different browsers. I did a little research and found that standard browsers (such as firefox) use a different box model than that of Internet explorer (darn IE and PCs!!!) I've began using the star html (* html) style to set my styles specifically for IE, since it is the only browser that displays styles with that element. So the IE thing is no longer a problem. NOW my problem is that even with the same browser, my code is not displaying the same accross different platforms. The way my page looks on firefox on a pc is different from firefox on a Mac. I think the only thing that displays differently is the absolutely positioned link list. Am I missing something here?

    My page isn't yet 100% finished...i need to complete it before I post it. Here is the url for my page
    http://hummac.byu.edu/chum284/standa...en-sample.html
    and for my style sheet
    http://hummac.byu.edu/chum284/standa...den/sample.css

    Thanks a bunch.

  • #2
    Regular Coder
    Join Date
    Mar 2005
    Location
    D0u$h!t3 k4?
    Posts
    512
    Thanks
    2
    Thanked 5 Times in 5 Posts
    You really should not use the star html hack anymore. MS already said that many of such hacks will not work in IE7 in an IEBlog "Call to action" on October 12, 2005, and may even break the layout in IE7. Instead, MS has provided a mechanism known as conditional comments since IE5, and they continue to work through IE7. Instead of using CSS hacks, serve IE with stylesheets specific for IE using downlevel-hidden conditional comments.
    Last edited by rpgfan3233; 10-16-2006 at 04:59 AM.
    PHP Code:
    $hello file_get_contents('hello.txt'); echo $hello
    hello

  • #3
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,300
    Thanks
    28
    Thanked 275 Times in 269 Posts
    Varying box models are not an issue as of Internet Explorer 6, assuming the page is displaying in standard-compliance mode, as that page appears to be doing.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #4
    Regular Coder byuhobbes85's Avatar
    Join Date
    Oct 2006
    Location
    Ames, Iowa, USA
    Posts
    116
    Thanks
    9
    Thanked 4 Times in 4 Posts
    Thanks for your comments about IE, but my real question is why my page is displaying differently on PCs than on Macs--even when you use the same browser. I use Firefox to view my page on a PC, then I go to a Mac and it looks bad, so I adjust it and then go back to a PC and it looks bad again!

    Another note, I don't know if you know anything about the zenGarden, but when you submit a design you're not aloud to alter the HTML file---all formatting is done with CSS. The comments about the conditional elements are helpful and I will use them with other projects, but this one I'm really just limited to CSS adjustments! Thanks

    Dan

  • #5
    Senior Coder
    Join Date
    Feb 2006
    Location
    USA
    Posts
    1,013
    Thanks
    0
    Thanked 0 Times in 0 Posts
    To be sure you need to be more thoughtful with using the star html hack now. I use it and conditional comments when needed.

    byuhobbes85, are you sure that the versions of Firefox are the same? Are the problems because of a difference in the font used?

    Keep in mind that IE5.x/Win is very different from IE5.x/Mac -- they were developed by different teams.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
    Java != JavaScript && JScript != JavaScript
    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Hmm it actually seems like default margins and padding are causing your problems. Add this to your CSS
    Code:
    * {
    margin:0;
    padding:0;
    }
    That makes all margins and padding on all elements 0 making it look more or less the same among browsers. Just add in margin/padding where necessary.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •