What is causing my site to appear inproperly in IE

I need a little help from my fellow experts. I'm at a loss on this one. usually when I design sites I have absolutely 0 problem making the site work perfectly in across all browsers. but my new site gamblingdomainnames.com keeps appearing incorrectly in IE. I cant narrow down the culprit. Is it javascript? If someone could have a look at my page source and point me in the right direction, I would be very obliged.
PerkdaddyAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
Center isn't a valid float value: <div style="float:center ;">.  And some of your '&nbsp;' don't have the';' after them like '&nbsp&nbsp&nbsp'.  And your page doesn't validate and some of the errors really do need to be fixed.
0
PerkdaddyAuthor Commented:
Ok so How do I fix it?

You say invalid float value, so what is the correct code?

After I had a freelancer create some columns for me this all started to happen, especially ALL those &nbsp
0
PerkdaddyAuthor Commented:
0
Introduction to R

R is considered the predominant language for data scientist and statisticians. Learn how to use R for your own data science projects.

Daemon_ByteCommented:
You can only float left and right. If you want to put a div in the middle you will need to do something like

<div style="float: left; width: 100%;">
    <div style="margin: auto; width: 400px;">
        This div should be in the middle
    </div>
</div>

As for the validation errors, just go through and replace them with proper code. With so many errors you can't really pinpoint the interbrowser problems.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
PerkdaddyAuthor Commented:
so this is correct? With SO many errors I have 2 choices, sit in the bathroom all day crying, or ATTEMPT to locate where all the code create the index page and sort through the bazzilion lines of code to validate, but hey, thats the job...

<?php }
if(!$vmMinicart) { ?>
    <hr style="clear: both;" />
<?php } ?>
<div style="float: left;" >
<?php echo $total_products ?> &nbsp&nbsp&nbsp;
</div>
<br />
<div style="float:right;">
<?php echo $total_price ?>
</div>
<?php
echo $saved_cart;
?>
0
Daemon_ByteCommented:
yes and no. It's never a good idea to float a div without putting a width on it because browsers will act up otherwise. It's also a good idea to wrap left and right divs into another floating div so other floating objects don't get in the way. So something like this would be better. (change the widths to suit you)

<?php }
if(!$vmMinicart) { ?>
    <hr style="clear: both;" />
<?php } ?>
<div style="float: left;width: 100%" >
<div style="float: left;width: 600px" >
<?php echo $total_products ?> &nbsp&nbsp&nbsp;
</div>
<br />
<div style="float:right; width: 200px">
<?php echo $total_price ?>
</div>
</div>
<?php
echo $saved_cart;
?>
0
Daemon_ByteCommented:
And if you just want them side by side with any spare white space on the right not in between them you can change the float right to float left. They will still float side by side as long as the widths allow it.
0
PerkdaddyAuthor Commented:
Yeah but this is for the shopping cart that appears on the top right. So why would I float left?
0
Daemon_ByteCommented:
Floating left doesn't mean it will appear on the left. It just means it will float on the left of the object in front of it. Ie

[floating 100% wide                                                                              ]
| floating left  x pixels| | floating left  y pixels|  --unused white space--

[floating 100% wide                                                                              ]
| floating left  x pixels| --unused white space-- | floating right  y pixels|


I was just letting you know it was an option although I'm not sure in this case it would apply.
0
PerkdaddyAuthor Commented:
This is a nightmare! Thanks for your help. I will go hire someone to clean the site up. It doesnt even display AT ALL in IE8, problem was I was using IE7 and didnt notice anything out of wack...
0
Daemon_ByteCommented:
Rarely a good idea to develop in Ie. Firefox with firebug or Opera with it's dragonfly is usually the best. I prefer the latter but most prefer the first. Good luck with it :)
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.