homepage Welcome to WebmasterWorld Guest from 54.196.168.78
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

    
Why is my site looking so garbled up in Chrome?
Compared to all the other browsers
asas111




msg:4683245
 1:22 pm on Jun 27, 2014 (gmt 0)

SO this started happening a few weeks ago. Out of nowhere, I checked my website in Chrome one day and it looked so messed up, with 3 different tables all appearing to interfere with one another.

here is how it looks in Chrome: [assyrianvoice.net...]

here is how it is supposed to look (firefox) : [assyrianvoice.net...]

notice how the boxes in the middle (news, discussions, pictures etc.) are lined up one over the other?

why is this happening in chrome? I don't remember changing anything that would lead to this. Wonder if Chrome changed something in their browser that let to this?

Any help would be appreciated. if you need the URL for the website, let me know.

thanks,

 

Fotiman




msg:4683255
 2:23 pm on Jun 27, 2014 (gmt 0)

Was able to find the site via Google. What a mess! Nested tables... invalid markup...font tags... yuck! No wonder you're having a hard time. I would start by using a Validator [validator.w3.org] to clean up all those errors. But honestly, I think you're almost better off doing a rewrite from scratch. Get rid of all that table garbage. You've got height attributes on td elements like height="1%"... I suspect those are probably what's causing the funky layout. Note, your page is so broken that I'm surprised ANY browser is displaying it the way you want it.

Seriously, consider starting from scratch without tables.

asas111




msg:4683258
 2:39 pm on Jun 27, 2014 (gmt 0)

"Was able to find the site via Google. What a mess! Nested tables... invalid markup...font tags... yuck! No wonder you're having a hard time. I would start by using a Validator [validator.w3.org] to clean up all those errors. But honestly, I think you're almost better off doing a rewrite from scratch. Get rid of all that table garbage. You've got height attributes on td elements like height="1%"... I suspect those are probably what's causing the funky layout. Note, your page is so broken that I'm surprised ANY browser is displaying it the way you want it.

Seriously, consider starting from scratch without tables. "


This is the wake up call I needed to start fresh! Yes, can't disagree with you there, I have had this home page for about 4 years now (the website itself is 15 years old) and I have always used Front Page and I basically keep changing and editing things and that has resulted into the mess you see.

Ok, other than Front Page and Dreamweaver, what else should I use? I have had a bad experience using layers in WYSIWYG Editors: it looks completely different when I preview it than what I see in the actual editor.

Fotiman




msg:4683260
 2:58 pm on Jun 27, 2014 (gmt 0)

Personally, I'm more of a source code editor kinda guy. I am comfortable writing and editing the code itself. If you're looking for a new WYSIWYG editor, I can't really offer much advice. However, the Google Web Designer [google.com] looks promising.

Kendo




msg:4683491
 10:53 pm on Jun 27, 2014 (gmt 0)

NOTE: Your home page is missing the opening HTML tag


Fix this and it may all come back together.

Otherwise FrontPage and Dreamweaver are fantastic tools... if and when you know how to use them. Otherwise a lot of unwanted CSS can creep into everything. The earliest versions of Dreamweaver may be better for what you need. If using Frontpage, be aware that some code may require Frontpage extension support on the site.

Tables are ok. Just remove anything related to height using "percentages".

Fotiman




msg:4683509
 2:26 am on Jun 28, 2014 (gmt 0)

Kendo and I disagree on this point. I contest that using tables for layout is an obsolete method of creating a website.

Kendo




msg:4683663
 9:29 pm on Jun 28, 2014 (gmt 0)

I contest that using tables for layout is an obsolete method of creating a website.


Only for those who do not know how to use them. As has been pointed out many times before... DIV is not even needed, not necessary and certainly not the best alternative. Anyway, that topic is getting boring. If you can only build websites using other peoples CMS like WordPress, simply enjoy the fact that life has been made easy for those who do not even have to think about HTML anymore.

penders




msg:4684168
 4:31 pm on Jul 1, 2014 (gmt 0)

NOTE: Your home page is missing the opening HTML tag
----
Fix this and it may all come back together.


FWIW, WebKit does appear to "fix" this. If you look at the DOM (via the object inspector) then the HTML element is present.

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