DIV in Wrong Place in IE & Chrome, but fine in Firefox...?!

Hello,

I have the following page which uses a div to display a user's favorites or 'recently viewed properties, however they display perfectly in Firefox but far from perfect in IE & Chrome - help appreciated!

Here's the page (please click on the 'Recently Viewed' button on the right hand side of your browser window to see the issue:

View the Page

THANKS in advance!
Nico2011Asked:
Who is Participating?
 
Dan CraciunConnect With a Mentor IT ConsultantCommented:
There's is your big white space:
<table width="150" border="0" align="left" cellspacing="0" cellpadding="0">
<tbody><tr><td width="150" valign="top" height="132" align="left">&nbsp;</td></tr>
</tbody></table>

I would really re-code that whole page. Even when you get it working, using our help here, the next time you want to change something you'll waste even more time.
0
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
Your page is not valid, it's surprising that it works at all.  I could not find your opening <body> which is supposed to the web browser where the display part of the page starts.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.villasdirect.com%2Fproperty-details.asp%3Fpropid%3D54812%26lat%3D43.469%26lng%3D-1.4437%26location%3DSAINT%2520PIERRE%2520D%2527%2527IRUBE%26pageno%3D%26UID%3D6787%23.Uy1Xa6LDXzC
0
 
Dan CraciunConnect With a Mentor IT ConsultantCommented:
You made your first div (sidepanel) position-fixed, but not the second (properties).

Add position:fixed; to #properties and it will display OK in Chrome too.

HTH,
Dan

PS: Dave is right: your page is proof that browsers can perform miracles. The code is really patched up and I guess maintenance will be a nightmare.
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.

 
Nico2011Author Commented:
Ok - I have created a completely blank page with only the DB access and the css file included (we are intending to completely re-write the property-detail page - some time!).  

This only loads up a selection of properties when the 'recently viewed' tab is clicked - if I can get this page working then I should be able to get the others working too.

This new URL is here

Thanks again.
0
 
Dan CraciunConnect With a Mentor IT ConsultantCommented:
<div id="properties" style="position: fixed;left: 156px;">
0
 
Nico2011Author Commented:
thanks - that has the div starting in the right place on the left, but not from the top (there is a big white space), and it no longer scrolls the properties on the horizontal axis...
0
 
Nico2011Author Commented:
thanks for your help - I am tidying this up as I go along - the original page was coded by someone else, but we're under time pressures to get this live.

It looks ok in IE now, but doesn't scroll left to right - I will open a new question for this.
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.

All Courses

From novice to tech pro — start learning today.