SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Hybrid View

  1. #1
    SitePoint Wizard
    Join Date
    Jun 2005
    Posts
    1,440
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Differences in widths between ff and ie ?

    Deleted
    Last edited by Dez; Jun 21, 2006 at 09:33.

  2. #2
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you're using quirks mode (omitted or incomplete doctype declaration), IE will incorrectly include padding within the declared width. Firefox (and IE in standards mode) is standards-compliant and adds the padding to the specified width.
    Birnam wood is come to Dunsinane

  3. #3
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I never use Transitional, but I think that doctype should put IE into 'standards' mode and Firefox into 'almost standards' mode. (The latter only differs a bit in how images in table cells are aligned vertically. It's the same as IE's 'standards' mode.)
    Birnam wood is come to Dunsinane

  4. #4
    SitePoint Wizard
    Join Date
    Jun 2005
    Posts
    1,440
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Many thanks for that.

    What's the solution please ?

    Regards.

    Dez.

  5. #5
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can't say. Can you provide a link to the page? There may be a more specific rule that interferes; one that is ignored by one browser but not the other. There's not enough information in what you've provided to make a better diagnosis.

    If you ticked the 'developer tools' checkbox when installing Firefox, you can use the DOM Inspector to find out which CSS rules affect those elements and in what order.
    Birnam wood is come to Dunsinane

  6. #6
    SitePoint Member jsoul4life's Avatar
    Join Date
    Jun 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dez! Try using ID's instead of classes. Please post a link to you webpage so that i can identify the type of menu you require...
    example Instead of:

    .menulinks a {
    display: block;
    width: 155px;
    margin: 0px 1px 0px 1px;
    padding: 7px 5px 7px 5px;
    border-bottom: 1px;
    }
    USE

    #menulinks li a {
    display: block;
    width: 155px;
    margin: 0px 1px 0px 1px;
    padding: 7px 5px 7px 5px;
    border-bottom: 1px;
    }
    on HTML PAGE:
    <div id="menulinks"><a href="#">Link Here</a></div>
    NOTE: You will have to set other id's for the unordered list(ul) and list seperatly(li).

  7. #7
    SitePoint Enthusiast simonpointer's Avatar
    Join Date
    Jun 2006
    Location
    Guildford UK
    Posts
    85
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think your problem may be collapsing margins.
    Remember that if you have both padding and margin assigned to both child and parent elements, or the next element in the doucments flow, IE will often collapse the margin value, and FF won't.
    I am not too sure how IE will interpret this when running in standards mode, which it should with a valid doctype declared.
    Try to use either margin OR padding on nested elements or elements next to each other if you can, and not mixt them up.

  8. #8
    SitePoint Wizard
    Join Date
    Jun 2005
    Posts
    1,440
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy

    Apologies if I've upset someone, if I have I didn't mean to. I'm just getting a bit lost on this.

    Dez.


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
  •