Welcome to WebmasterWorld Guest from 54.144.79.200

Forum Moderators: incrediBILL

Message Too Old, No Replies

Why is my site looking so garbled up in Chrome?

Compared to all the other browsers

     

asas111

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

10+ Year Member



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

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

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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

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

10+ Year Member



"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

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

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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

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

10+ Year Member



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

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

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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

Kendo

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

10+ Year Member



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

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

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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.