Formatting Problems - IE vs Firefox

Hi,

I need advice ASAP! I was adding a cobrand banner to my
WP blog homepage. I got everything aligned and looking
great on Firefox. When I looked at it on IE, it was a disaster!
The banner was centered instead of aligned on the RHS.
It scrunched the paragraph text in the center, etc.
I've been using percentage figures for height, width,
and hspace figuring that would be generic enough to
work on all browsers.

How can I setup formatting so its browser-independent!

My site is singleparentromance.com

Any advice appreciated!!!

George

 

Can anyone give me advice on this?
Would be much appreciated!

 

I just visited the site and it looks the same in FF and IE currently? What is it you want?
You have background image in the center, and blog title/description in the center?

Where ever you want to place the background image just use in your CSS for the header class
background-position: center center;
Here you can change center to the word left or right or top or bottom. So you may want, bottom left for example.

 

Thanks for the reply. The layout I'm trying to
obtain is to have the banner running the entire
length on the RHS. The About Us text and
Recent Additions box to be in the center and
running parallel to the left of the banner.

I almost had it looking good once and included
a screenshot of that Firefox layout here:

http://www.singleparentromance.com/spr_032508_ScreenShot.bmp

This same layout in IE and now FF has the banner
centered more and the About Us text all scrunched up.

Appreciate Your Feedback

 

Oh right so you should probably just float the image to the right. I'm not sure if you've tried this yet but:
1. Change the the image code to this:

<a href="http://singleparentromance.cb.singleparentmatch.com/" >
<img src="http://staff.maosongsoft.com/uploads/6033/11/1/120641006326.gif" 
alt="Single Parent Dating" class="adimg">
</a>

Code (markup):

2.Then you need to open up style.css and add this:

.adimg { float:right }

Code (markup):

3. Then save changes and re-upload style.css

 

Hi Tauren,

I took your advice and added that banner code and stylesheet code.
I had to clean it up with an hspace and align=right still.

It improved the IE look, but FF still has a scrunched up layout.

The banner code I added is this:

<a href="http://singleparentromance.cb.singleparentmatch.com/" ><img src="http://staff.maosongsoft.com/uploads/6033/11/1/120641006326.gif"
alt="Single Parent Dating" align="right" hspace="21" class="adimg"> </a>

 

Yes you need to add .adimg { float:right } to style.css for the theme singleparentromance1

 

I added that change in the style.css for that theme using the theme editor.
I sent you a PM that might make communications quicker for both of us.
Your assistance and advice is greatly appreciated!