homepage Welcome to WebmasterWorld Guest from 54.205.241.107
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Web Page displays HUGE differences in different browsers
laurasamps



 
Msg#: 4198544 posted 4:24 pm on Sep 8, 2010 (gmt 0)

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

 

laurasamps



 
Msg#: 4198544 posted 4:25 pm on Sep 8, 2010 (gmt 0)

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)

rocknbil

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



 
Msg#: 4198544 posted 5:19 pm on Sep 8, 2010 (gmt 0)

Validate [validator.w3.org]?

laurasamps



 
Msg#: 4198544 posted 6:16 pm on Sep 8, 2010 (gmt 0)

Thanks I'll get it online and give it a go. Thanks

jbinbpt

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4198544 posted 6:18 pm on Sep 8, 2010 (gmt 0)

Sounds like a broken div

laurasamps



 
Msg#: 4198544 posted 9:15 am on Sep 9, 2010 (gmt 0)

how would i fix a broken div? thanks

jbinbpt

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4198544 posted 10:51 am on Sep 9, 2010 (gmt 0)

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.

rocknbil

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



 
Msg#: 4198544 posted 6:59 pm on Sep 9, 2010 (gmt 0)

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.

dpinion

5+ Year Member



 
Msg#: 4198544 posted 6:27 pm on Oct 13, 2010 (gmt 0)

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved