SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Feb 2008
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Padding in FireFox ???!!!

    Hello All,
    I understand that Firefox reads css padding differently than IE, However I have not been able to fix my padding so it'd looks right in Firefox.

    Here is my URL : http://www.hookaholic.com

    Basically my frontpage content should be centered (like how it looks in IE) but in Firefox it is shifted to the left!!!

    My Content code in the CSS:

    .content {padding: 1px 1px;}

    My CSS file:

    http://www.hookaholic.com/shop/media/images/style.css

    Any help is greatly appreciated

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Looks centered in Firefox to me..

  3. #3
    SitePoint Member
    Join Date
    Feb 2008
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I finally figured it out...............

    Thank you all

  4. #4
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Hookaholic View Post
    Hello All,
    I understand that Firefox reads css padding differently than IE, However I have not been able to fix my padding so it'd looks right in Firefox.
    First, Firefox does not read padding differently than IE.
    Second, you need to quit trying to "fix" Firefox when it will be IE that needs fixing more than any other browser. You should be using Firefox or Opera or Safari as your reference for how things should work. Never, ever use IE for that.

  5. #5
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    I'm pretty sure the reason the boxes were aligning in IE is because floats incorrectly fall upwards in IE, to fill gaps. In other browsers floats only move sideways and down if there's no room.


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
  •