Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Post-Kicker, -Byline & -Footer »

[SOLVED] Where is the padding/margin coming from?


  #1  
Old Mar 23, 2009, 07:11 AM
Shepherd Jim's Avatar
Shepherd Jim
 
301 posts · Feb 2009
Bristol, midcoast Maine USA
I've set up a special div box to show a post at top of the center section on my static home page. I want the box to be centered between the left and right sidebars. All looks good in a narrow browser window but as the screen widens the space on the right increases while that on the left does not. Please help me identify where the mystery, unwanted padding or margin is coming from.

The page is at http://shepherdjim.com/wp/

With the browser window at 1020 px width you can see the spaces on either side of my special announcement div box are equal at 15px.

Click image for larger version

Name:	announce_div-at-1020px.jpg
Views:	881
Size:	17.8 KB
ID:	65

Click image for larger version

Name:	announce_div-at-1200px.jpg
Views:	830
Size:	18.7 KB
ID:	66

But, with the browser window widened to 1200 px the space to the right of the box has increased to 25px while the left space remains at 15px.

Using the Web Developer addon in Firefox I can SEE that empty, extra 10px. I'm guessing there's some inheritance going on, but I can't find the source so don't know what to over ride.

I'm having trouble inserting screenshots into this message and have attached the two jpgs which seems to be working just tghe way I would have hoped.

I love a good mystery! Jim
  #2  
Old Mar 23, 2009, 09:31 AM
Shepherd Jim's Avatar
Shepherd Jim
 
301 posts · Feb 2009
Bristol, midcoast Maine USA
Eureka! Can't believe it -- I solved the problem myself . I'm just about ready to hang out my "CSS Expert" shingle ....JOKE!

anyway: after changing line-height specs in the index.php file, I experimented with width in the Atahulapa/HTML-CSS Inserts -- I'd it set at 95%; changed that to 100% but then I lost ALL space on that right side ...and then I noticed at www.w3schools.com that width could be set to "auto" -- letting the browser set whatever might be necessary....sounded doubtful to me...

And, it worked! And. wonder of wonders, it even works in IE8!

Bookmarks

Tags
margin, padding

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Problems with Category tree in left margin CreativePartyLady Page & Category Menu Bars 4 Jul 14, 2009 10:38 PM
Oh no! The hordes are coming! paulae Atahualpa 3 Wordpress theme 3 Apr 24, 2009 06:01 AM
New server for forum coming soon Flynn Forum How-To 1 Apr 20, 2009 08:10 AM
Odd padding/margin problem in sidebar with widgets GilbertCenter Sidebars & Widgets 2 Apr 6, 2009 12:15 PM
Center column styling: how can I remove margin or padding? bcorrigan Header configuration & styling 2 Apr 2, 2009 09:53 AM


All times are GMT -6. The time now is 07:17 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.