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 8 of 8
  1. #1
    Regular Coder
    Join Date
    Sep 2004
    Location
    USA
    Posts
    314
    Thanks
    7
    Thanked 0 Times in 0 Posts

    List spacing IE vs FF

    site removed

    As you can see the client log in area is too close in IE but looks fine in FF. I can't figure out why this is
    Last edited by Riboflavin; 04-30-2006 at 11:28 PM.

  • #2
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,479
    Thanks
    0
    Thanked 635 Times in 625 Posts
    Well you are only defining margin-top for those fields so the other margins will use the browser defaults which are different for each browser.

    To get a level playing field to start with define:

    body {margin:0;padding:0}

    and then the margins and padding you don't specify will be the same in each browser.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #3
    Regular Coder
    Join Date
    Sep 2004
    Location
    USA
    Posts
    314
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by felgall
    Well you are only defining margin-top for those fields so the other margins will use the browser defaults which are different for each browser.

    To get a level playing field to start with define:

    body {margin:0;padding:0}

    and then the margins and padding you don't specify will be the same in each browser.
    I am using * { margin: 0; padding: 0; } which in effect is the same right?

  • #4
    Regular Coder
    Join Date
    Sep 2004
    Location
    USA
    Posts
    314
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Bump.

    Thanks

  • #5
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    Location
    California, US
    Posts
    484
    Thanks
    1
    Thanked 3 Times in 3 Posts
    The star-HTML, aka "Holly hack" only applies to IE browsers (except IE7 in "standards" mode).
    UBERHOST.NET
    Shared, reseller, semidedicated hosting and dedicated server plans.
    DirectAdmin Installatron Money-Back Guarantee 24/7 Support
    Providing "Service Above All Else" since 2005.

  • #6
    Regular Coder
    Join Date
    Sep 2004
    Location
    USA
    Posts
    314
    Thanks
    7
    Thanked 0 Times in 0 Posts
    I played around with some margins and it looks better now, thanks

  • #7
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,277
    Thanks
    28
    Thanked 272 Times in 266 Posts
    First of all, it's nice when the link you provide actually works so people don't have to paste and correct the URL.

    Second, try containing your elements in page divisions (<div>) instead of using CSS to create structure; that's HTML's job. After all, one of the fundamental reasons that Cascading Style Sheets were created was to separate style from structure; so while people are migrating their styling to CSS, likewise the structure should remain in the HTML.

    Specifically, add div around your header, form, and footer in addition to the content div you already have; it's probably also a good idea to put all of that into a single div container. I'm also of the belief that using a definition list for your form in that manner is structurally incorrect in a way similar to using tables for layout. Since Internet Explorer is exhibiting some wierd overlap behavior, defined structure is probably the best method of dealing with that.

    Edit: Well, it seems you've got the problem under control now; but this is still worth keeping in mind.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #8
    Regular Coder
    Join Date
    Sep 2004
    Location
    USA
    Posts
    314
    Thanks
    7
    Thanked 0 Times in 0 Posts
    I did not make the link active because I don't want it to be indexed yet, its not open.

    Thanks for the structure tips, I'll keep them in mind.


  •  

    Posting Permissions

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