Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 458
  • Last Modified:

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!
0
Nico2011
Asked:
Nico2011
  • 3
  • 3
4 Solutions
 
Dave BaldwinFixer 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 CraciunIT 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
 
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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
Dan CraciunIT 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
 
Dan CraciunIT 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
 
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

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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