Browser showing margin on objects different

Henningfeld · 06-01-2009, 04:43 PM

I'm try to get the brown box to line up with the white content area to give the page a uniform look. I can get it in one browser but then if you go into IE6 IE7 or FF it is off and not lined up. I cant figure out what exactly is pushing it. I'm also trying to get the "Alphabetical Listing of Attorneys" to look the same in every browser but IE6 is giving it extra padding. Any ideas? Thanks!

http://greensfelder.myimpactcms.com/biography.aspx

drhowarddrfine · 06-01-2009, 04:47 PM

First, an 'id' name can only be used once on a page and must be unique to that element.

Are you saying the brown area is too far to the right and should touch the white?

Henningfeld · 06-01-2009, 07:20 PM

No im talking about it should be the same height as the white area.

drhowarddrfine · 06-01-2009, 08:12 PM

That's going to make things more complicated. It will require repositioning your elements and probably using absolute positioning and setting 'bottom:0' (just blurting out stuff). Elements expand with content and that's the only way to do it.

Henningfeld · 06-01-2009, 09:06 PM

I used an different approach and got it to work now the only thing is i need the Professionals text to move up but the banner is thinking its bigger then 110px.. any ideas?

drhowarddrfine · 06-01-2009, 09:23 PM

Where are you anyway? I'm in Weldon Spring if that means anything to you.

Do you mean the text for that lawyer? It's set at 640px wide.

Henningfeld · 06-01-2009, 09:35 PM

Really the only think wrong on this page is trying to get the darker brown on the right side #F1E9DC to be even with the left content #FFFFFF across different browsers. Sorry if I'm making this more confusing then it is.