div problem

[ragrim]

Hi,

 

Im having a problem that i think is div related.. I have a div that holds a javascript image slider, and some wierd things are happening.

 

In some browsers all my divs get squashed to the top of the page yet in others it works ok. on the browsers that it doesnt work on, if i highlight the address bar and hit enter, it reloads the page and displays properly, if i then hit F5 to refresh it gets all squashed to the top again.

 

I was hoping someone could take a look at my site and see what the hell is going on

 

http://www.chrisconnollyit.com/sfv

 

Here is the browsers that work

 

Firefox on MAC OSX works fine

Safari on MAC OSX doesnt work

Chrome on MAC OSX doesnt work

 

Firefox on Windows XP doesnt work

Internet explorer on windows XP works

 

The problem seems to be something to do with this section

    <div class="imgholder1">
    <img src="images/home-image5.jpg" width="900" /> 
    <img src="images/home-image4.jpg" width="900" />
    </div>

 

Any help would be appreciated

[cssfreakie]

I just tested it and it works fine here on ie 7,8,9 firefox chrome.

 

Anyway the best thing to do is always to check if you have errors, by running your page through the w3c validator.

Seems you use an id of #current more than once which is not good.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.chrisconnollyit.com%2Fsfv%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

[ragrim]

thanks for the test, from what i can tell its only 1 computer that seems to display the problem.

 

Im still learning PHP, CSS so i bodgy alot of things just to get them to work, w3c never likes my sites.

 

Thanks again

[cssfreakie]

well, make sure w3c likes your site,

 

I only saw 4 easy to fix errors, fix them don't hide, certainly if you sell your work!