WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 07-24-2007, 05:39 PM
WebProWorld Member
 

Join Date: Jan 2007
Location: Dallas, Tx
Posts: 26
TheBrownRecluse RepRank 0
Default img wrapper keeping content from being centered.

I'm in XHMTL strict dtd, and I'm still building in compatibility mode (read: using Safari). for some reason, when I put the image wrapper div on the outside of the container, the drop shadow gets to where I need it to be, but the whole thing then aligns to the left. When I set the img wrapper on the ouside, it gives the whole body a drop shadow and pushes it out a little too far.

i've validated this code already. What do I need to do? It can't be that complicated.

-Clif

PS. And why are my form fields blank?
__________________
Clif Thompson

Last edited by TheBrownRecluse : 07-24-2007 at 05:57 PM. Reason: left something out.
Reply With Quote
  #2 (permalink)  
Old 07-25-2007, 11:39 AM
WebProWorld Member
 

Join Date: Jan 2007
Location: Dallas, Tx
Posts: 26
TheBrownRecluse RepRank 0
Default Re: img wrapper keeping content from being centered.

OKAY!

I'm really ain't not dumb, is I?

The website address is www.enviroac.com

Thank you for your support
__________________
Clif Thompson
Reply With Quote
  #3 (permalink)  
Old 07-25-2007, 12:47 PM
wige's Avatar
Moderator
WebProWorld Moderator
 

Join Date: Jun 2006
Location: United States
Posts: 1,721
wige RepRank 4wige RepRank 4wige RepRank 4wige RepRank 4
Default Re: img wrapper keeping content from being centered.

I noticed two things. The first is on line 205 of your CSS file you have borders: tag, this should I think be just border:. Also, on the page itself for the footer image, you have the img with an align tag, which is not supported with XHTML strict. This should be replaced with style="text-align: center;" or "margin-right: auto; margin-left: auto;"
__________________
The best way to learn anything, is to question everything.
Interestingly Average Security Blog
Reply With Quote
  #4 (permalink)  
Old 07-25-2007, 05:13 PM
WebProWorld Member
 

Join Date: Jan 2007
Location: Dallas, Tx
Posts: 26
TheBrownRecluse RepRank 0
Default Re: img wrapper keeping content from being centered.

I've updated the code since then. But now the problem is, and it's been for all this time, why isn't my drop shadow working?
__________________
Clif Thompson
Reply With Quote
  #5 (permalink)  
Old 07-25-2007, 05:40 PM
Orion's Avatar
WebProWorld Veteran
 

Join Date: Sep 2003
Location: Halton Hills, ON
Posts: 577
Orion RepRank 2
Default Re: img wrapper keeping content from being centered.

I don't use the xhtml strict DTD for that reason and for target="_blank" on external links.

I generally enclose the <div id="siteContainer"> in a <div align="center">.. I haven't found another working solution for it myself.
__________________
Ron Boyd
Web design & site management :: Ron's blog
Reply With Quote
  #6 (permalink)  
Old 07-25-2007, 07:28 PM
WebProWorld Member
 

Join Date: Jan 2006
Location: Sydney Australia
Posts: 50
Christiaan RepRank 0
Default Re: img wrapper keeping content from being centered.

If one has a problem like that one should validate the code used.
Using the 'Tools' in the FireFox browser is always a good standby.
__________________
Chris
There is no failure until you give up.
Reply With Quote
  #7 (permalink)  
Old 08-06-2007, 01:24 PM
wige's Avatar
Moderator
WebProWorld Moderator
 

Join Date: Jun 2006
Location: United States
Posts: 1,721
wige RepRank 4wige RepRank 4wige RepRank 4wige RepRank 4
Default Re: img wrapper keeping content from being centered.

Are you still having problems with the display? I took another look at the site in Firefox, using a new tool, and I noticed that the text area sticks out a little bit (removing the width setting from #maincontent should correct this) and the footer is separated from the rest of the content (change the bottom margin of the #maincontent to correct).
__________________
The best way to learn anything, is to question everything.
Interestingly Average Security Blog
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: , , , , ,



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS centered fixed 3 column with background image Clint Neilsen Graphics & Design Discussion Forum 4 01-24-2006 01:09 PM
Building a CSS Site within a centered container div technica Graphics & Design Discussion Forum 20 01-09-2006 05:04 AM
If God Had a Whiteboard and A User Centered Design Team WPW_Feedbot Graphics & Design Discussion Forum 0 09-24-2005 02:57 AM
Taking the Wrapper Off Google Maps WPW_Feedbot Search Engine Optimization Forum 0 02-21-2005 11:30 AM
Imagine a User Centered Designed Earth. War Is Over. WPW_Feedbot Graphics & Design Discussion Forum 0 12-31-2004 05:30 PM


Search Engine Optimization by vBSEO 3.2.0