I've uploaded a new wider banner and it's not centering on the page, it seems too much to the right. http://tinyurl.com/95efy4 Sorry about the dreadful code, I didn't create the website myself.
I see this: <td width="658" valign="top"><a href="/"><img src="assets/banners/asg-banner-wide.jpg" height="75" /> PHP: Try making you image width="800" ( Resize image ) as i see the <table border="0" cellpadding="0" cellspacing="0" width="800" height="75"> PHP: I am not sure that this will do it, but it is worth a try...
Do this: #topBanner { /*asgMain.css (line 243)*/ width:1000px; } Code (markup): Remove top, left, and height properties. They're inappropriate. cheers, gary
That is a particularly bad suggestion. The <center> tag has been deprecated in favor of css for 10 years. gary
hi, try to modify this code on asgMAIN.css line 44 to this code let me know if it worked. i`m shure it works.
Unfortunately none of the suggestions given here have had any improvement at all. I think one of the main issues is the top banner is split into two parts, the first part is correctly center but when the two parts are together, it doesn't look this way. I hope you can still try and help. I really appreciate it, thank you.
Did you actually do this? That single correction worked for me. Show us how you applied the fix, and specify which browsers did what. gary
Yes, have a look now. I'm using FF3. The CSS (I created a new class otherwise the rest of the site will be effected) #topBanner2 { width:1000px; height: 75px; } Code (markup):
OK, you have its parent under-width. In fact, remove all the rules you have for #topMenuContainer2 and #topBanner2, and it'll be centered. You can remove the #topMenuContainer div. It's redundant. If you decide to bring the markup up to standards, you'll need a different solution due to ridding yourself of obsolete center tags and inappropriate tables. The page would definitely benefit from the refactoring. cheers, gary