Welcome to WebmasterWorld Guest from 54.145.144.101

Forum Moderators: incrediBILL

Message Too Old, No Replies

Web Page displays HUGE differences in different browsers

   
4:24 pm on Sep 8, 2010 (gmt 0)

5+ Year Member



Hi guys. I know when building a website there will be small differences between how it displays on different browsers, which sometimes matter and sometimes don't, however, I'm finding that in Firefox everything is displayed correctly, but in Opera and IE the whole left side is shifted to the right, I'm talking all the way across the screen, and my videos don't play. Any ideas?

Cheers
4:25 pm on Sep 8, 2010 (gmt 0)

5+ Year Member



sorry i should also say im using Dreamweaver CS5 and a template that until adding a small iframe worked beautifully (apart from the video part)
5:19 pm on Sep 8, 2010 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Validate [validator.w3.org]?
6:16 pm on Sep 8, 2010 (gmt 0)

5+ Year Member



Thanks I'll get it online and give it a go. Thanks
6:18 pm on Sep 8, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Sounds like a broken div
9:15 am on Sep 9, 2010 (gmt 0)

5+ Year Member



how would i fix a broken div? thanks
10:51 am on Sep 9, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Are you able to remove the iframe and get the page to render properly? If so what happens when you reintroduce the iframe?

Div's come in pairs <div> bal bla bla </div>. Look for a pair that is not a set. Note...div's nest. You will have divs inside of divs.
6:59 pm on Sep 9, 2010 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Validation would fix that. A way to work is, let's say you have something like


<div>
<div>
<div>
I'm buried in divs
</div>
</div>
</div>


You start by cutting out all but the outermost. Validate. If it works, put the second layer back in, cut the innermost. Validate. If you put the last in and validation fails, you've narrowed it to just the inner div, keep cutting until you find the errant chunk.
6:27 pm on Oct 13, 2010 (gmt 0)

5+ Year Member



I would second rocknbil's method and add a very fast way to do this is to install the firebug extension into firefox if you don't have it already. That way you can look directly at the page output and alter it until you have found your bug.