How Do I Fix This in IE? Looks fine in Firefox!

kristisayles · 01-21-2009, 10:11 AM

Music City Marketing Conference ?

Boxes don't line up in IE, but look fine in Firefox!
What can I do???

gcaine · 01-23-2009, 08:30 AM

I use Linux so I don't have IE, but as far as I can figure out from your source code you are using a fixed width of 800px, and your problem is the testimonials not lining up.

Instead of all those tables try this for each testimonial.As I said I don't have IE and maybe I'm misunderstanding the problem

<div style="width: 570px; border: 4px ridge; margin-right:115px; margin-left:115px;">

<p align="center">Name</p>

<p class="style16" align="center"><img src="image.jpg" alt="Name" width="image width" height="image height" />
</p>

<p>

The testimonial</p>
</div>
<br /><br />

jerson · 02-09-2009, 06:32 AM

same prob. thanks for posting

Jonno · 02-09-2009, 08:32 AM

for the subscribe form at the bottom of the page you need to look at
#GRSubscribeForm fieldset {
width: 260px; border: 0;
}

and add some positioning
ie.
position:relative;
left:180px;

you will have to play with the exact position to get it to display nicely

rosesmith · 02-10-2009, 12:30 AM

If IE is having an issue with UL tags give DL a try. This may not work if IE considers both tags the same, but it is an interesting way to build up a list without the need to dump bullets, spacing, etc.

Nikoka2005 · 02-10-2009, 01:51 AM

I have the same problem.

Thanks for post this

mmacmillan · 02-18-2009, 04:40 PM

Looking at the source code, I noticed you have quite a few inline styles, and css on the page. My recommendation to avoid future headaches, and to more easily mitigate issues like this, would be to consolidate as much of the inline css (ex: td style="width: 40px;") into classes within a .css file. This not only reduces the overall size of the page (reduces page load time), but you also only have to edit one file to propogate changes to all your pages, which will make dealing with IE nuances quite a bit easier.

If you are using firefox, i would recommending installing the firebug plugin so you can edit the css live; alternatively you can use the ie development toolbar component for the ie browser to do the same thing. These tools help you write the right css quicker as you can experiment on the fly.

01-21-2009, 10:11 AM	#1
kristisayles Active Warrior Join Date: Apr 2003 Location: TN, USA Posts: 58 Thanks: 0 Thanked 5 Times in 4 Posts Social Networking Contact Info	How Do I Fix This in IE? Looks fine in Firefox! Music City Marketing Conference ? Boxes don't line up in IE, but look fine in Firefox! What can I do???
	Unique Articles for Article Marketing Made Simple! Step by Step Modules Make Writing Just About Anything Easier! http://WriteThatArticle.com Free Interviews with Marketing Millionaires at http://TalkwithExperts.com and http://TalkwithKristi.com

01-23-2009, 08:30 AM	#2
gcaine Active Warrior Join Date: Nov 2008 Posts: 71 Thanks: 6 Thanked 8 Times in 6 Posts	Re: How Do I Fix This in IE? Looks fine in Firefox! I use Linux so I don't have IE, but as far as I can figure out from your source code you are using a fixed width of 800px, and your problem is the testimonials not lining up. Instead of all those tables try this for each testimonial.As I said I don't have IE and maybe I'm misunderstanding the problem <div style="width: 570px; border: 4px ridge; margin-right:115px; margin-left:115px;"> <p align="center">Name</p> <p class="style16" align="center"><img src="image.jpg" alt="Name" width="image width" height="image height" /> </p> <p> The testimonial</p> </div> <br /><br />
	Weekend Golfers affiliate manager. Do you have a golf related site? Join our affiliate team and earn commissions on our golf instruction courses.

02-09-2009, 06:32 AM	#3
jerson Warrior Member Join Date: Feb 2009 Posts: 23 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How Do I Fix This in IE? Looks fine in Firefox! same prob. thanks for posting

02-09-2009, 08:32 AM	#4
Jonno Active Warrior War Room Member Join Date: Jul 2008 Location: Adelaide , Australia. Posts: 42 Thanks: 15 Thanked 2 Times in 2 Posts Contact Info	Re: How Do I Fix This in IE? Looks fine in Firefox! for the subscribe form at the bottom of the page you need to look at #GRSubscribeForm fieldset { width: 260px; border: 0; } and add some positioning ie. position:relative; left:180px; you will have to play with the exact position to get it to display nicely

02-10-2009, 12:30 AM	#5
rosesmith Warrior Member Join Date: Feb 2009 Location: UK Posts: 16 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How Do I Fix This in IE? Looks fine in Firefox! If IE is having an issue with UL tags give DL a try. This may not work if IE considers both tags the same, but it is an interesting way to build up a list without the need to dump bullets, spacing, etc.
	Badges

02-10-2009, 01:51 AM	#6
Nikoka2005 Warrior Member Join Date: Nov 2008 Posts: 29 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How Do I Fix This in IE? Looks fine in Firefox! I have the same problem. Thanks for post this

02-18-2009, 04:40 PM	#7
mmacmillan Warrior Member Join Date: Feb 2009 Location: Orange County, CA Posts: 5 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How Do I Fix This in IE? Looks fine in Firefox! Looking at the source code, I noticed you have quite a few inline styles, and css on the page. My recommendation to avoid future headaches, and to more easily mitigate issues like this, would be to consolidate as much of the inline css (ex: td style="width: 40px;") into classes within a .css file. This not only reduces the overall size of the page (reduces page load time), but you also only have to edit one file to propogate changes to all your pages, which will make dealing with IE nuances quite a bit easier. If you are using firefox, i would recommending installing the firebug plugin so you can edit the css live; alternatively you can use the ie development toolbar component for the ie browser to do the same thing. These tools help you write the right css quicker as you can experiment on the fly.