• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 201
  • Last Modified:

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.
0
Perkdaddy
Asked:
Perkdaddy
  • 5
  • 5
1 Solution
 
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
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
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
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now