Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 12
  1. #1
    Senior Member Hitch - CP's Avatar
    Join Date
    Jun 2009
    Location
    London
    Posts
    120
    Member #
    19164
    Hey Guys,

    This is (to me) a bizarre problem and I cannot understand why it's happening. You can see the problem on any of the blog post pages, here is an example:

    Dub FX Awesome talent! - The Portfolio of Ali Hitch

    As you can see, in FireFox and IE the padding is not working as intended. If you look at the page in Safari or Chrome it is working as intended.

    In my eyes, the padding is not behaving as I believe it should be. Having said that I must not understand how FireFox and IE render the padding properly or I should be able to solve this myself!

    The question is - why is the padding not working properly, and does anybody have a solution to it?

    Many Thanks,
    Ali
    Ali Hitch

    Portfolio & Tutorial Site
    www.alihitch.com

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    they render margins and padding automatically unless zeroed out at the top of your css. zero them then adjust whatever needs it. since safari doesn't do this, you may not have to adjust anything.
    * { margin: 0px; padding: 0px; }

    make sure it's at the top. otherwise it will reset anything above it.

    while($get_it !== true){ continue; }

  4. #3
    Senior Member Hitch - CP's Avatar
    Join Date
    Jun 2009
    Location
    London
    Posts
    120
    Member #
    19164
    Was a nice idea! Unfortunately that didn't work

    Ali
    Ali Hitch

    Portfolio & Tutorial Site
    www.alihitch.com

  5. #4
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    got tired of searching the css for the #post-whatever. can you post the css for just the center div and elements within?

    while($get_it !== true){ continue; }

  6. #5
    Senior Member Hitch - CP's Avatar
    Join Date
    Jun 2009
    Location
    London
    Posts
    120
    Member #
    19164
    Try Firebug or Chrome Developer Tools, they work a treat

    Anyway CSS:

    Code:
    article.darkpost {
    	width: 520px;
    	background-color: #101010;
    	float: left;
    	margin-left: 30px;
    }
    
    section.darkpost {
    	width: 480px;
    	background-color: #101010;
    	margin: 0px;
    	padding: 0px;
    	padding: 20px;
    }
    That do?
    Ali Hitch

    Portfolio & Tutorial Site
    www.alihitch.com

  7. #6
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    i am using firebug. i just get tired if reading. i added padding to the main div with no problems. am i looking at the wrong part? i assumed you wouldn't leave padding out of the main content.

    article.darkpost { width: 520px; background-color: #101010; float: left; margin-left: 30px; padding: 10px;
    } worked fine. am i off?

    while($get_it !== true){ continue; }

  8. #7
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    a less dramatic way to line multicolumn layout is display: inline; float causes some things to be ignored. like margins and padding.

    while($get_it !== true){ continue; }

  9. #8
    Senior Member Hitch - CP's Avatar
    Join Date
    Jun 2009
    Location
    London
    Posts
    120
    Member #
    19164
    Dorky you star. Stupidly simple, yet one of those days where I just couldn't see it.

    Always useful to have a fresh pair of eyes to look at a problem

    Many Thanks.

    Another annoyingly stupid yet simple problem fixed!
    Ali Hitch

    Portfolio & Tutorial Site
    www.alihitch.com

  10. #9
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    word. hope it really fixed and you aren't just saying that :P

    while($get_it !== true){ continue; }

  11. #10
    Senior Member Hitch - CP's Avatar
    Join Date
    Jun 2009
    Location
    London
    Posts
    120
    Member #
    19164
    Ha, NoNo. Really is fixed now. From my end anyway.

    Take a look in Chrome, FireFox and IE - should all work exactly the same and B.E.A.U.tifully
    Ali Hitch

    Portfolio & Tutorial Site
    www.alihitch.com


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:23 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com