Thread

Hi all,

For my templates, my EE code lives in a table. Everything works fine in Firefox, Safari, and Omni, but when I load the page in IE, the tables go completely haywire.

Here’s the code:

<td align="left" valign="top" width="460">
                    
<div id="blog">

{exp:weblog:category_heading weblog="{my_weblog}"}
<h2 class="title">{category_name}</h2>
{if category_description}
{category_description}
{/if}
{/exp:weblog:category_heading}

{exp:weblog:entries weblog="{my_weblog}" orderby="date" sort="desc" limit="15"}

{date_heading}
<h3 class="date">{entry_date format=' %l, %F %d, %Y '}</h3>
{/date_heading}

<h2 class="title">{title}</h2>
{summary}

{body}

{extended}

<div class="posted">Posted by {author}  on {entry_date format='%m/%d'} at {entry_date format='%h:%i %A'}




{categories}
<a href="http://{path=site_index}">{category_name}</a> •
{/categories}

{if allow_comments}
({comment_total}) <a href="http://{url_title_path=">Comments</a> •
{/if}

{if allow_trackbacks}
({trackback_total}) <a href="http://{trackback_path=">Trackbacks</a> •
{/if}
<a href="http://{title_permalink={my_template_group}/comments}">Permalink</a>

</div>

{paginate}

<div class="paginate">

<span class="pagecount">Page {current_page} of {total_pages} pages</span>  {pagination_links}

</div>

{/paginate}

{/exp:weblog:entries}

<a href="http://{homepage}"><< Back to main</a>

</div>

</td>

Oddly, if I change “div id” to “div class”, or if I take out

{/exp:weblog:entries}

, the tables look fine.

What am I missing or doing wrong?

Hi all,

For my templates, my EE code lives in a table. Everything works fine in Firefox, Safari, and Omni, but when I load the page in IE, the tables go completely haywire.

Can you be more specific?  Do you have a link to the rendered page or if you aren’t comfortable posting that, could you put up some of the rendered code?

Does it look bad in BOTH IE 7 and IE 6?

With some more info, hopefully it can be sorted out for you.

-greg

Here’s my site.

The trouble is in IE 5.2, on the Mac. The pages look fine in Firefox, Safari, and Omniweb.

IE5 on Mac sails comfortable into my ‘unsupported’ list, I have to say.

You can’t test code for IE in IE 5 for the Mac. It’s one of the smallest audience of IE users, and has a totally different set of bugs and quirks then any other version of IE. You need to test on IE 6 & 7 for Windows. To get a better idea of what your site looks like in IE.

Okay, I’ve narrowed the issue(s) to these:

Internet Explorer table breaking:

IE 4.01 on Windows XP

Images breaking tables:

IE 5.01 on Windows XP
IE 5.5 on Windows 2000
IE 6 on Windows 2000
IE 7 on Windows XP
IE 8 on Windows XP

Opera 9.26 on Windows 2000
Opera 9.27 on Windows 2000

Opera 9.50 on Ubutnu 8.04
Opera 9.25 on Ubutnu 6.06
Opera 9.26 on Ubutnu 7.10
Opera 9.27 on Ubutnu 8.04

Opera 9.27 on FreeBSD 6.3

Opera 9.23 on Windows XP
Opera 9.24 on Windows XP
Opera 9.25 on Windows XP
Opera 9.50 on Windows XP

Random characters showing up in corners:
Firefox 2.0.0.14 on Ubutnu 7.10
Firefox 3.0 on Windows XP
Flock 1.1.2 on Windows XP

Page not loading:

Safari 3.0 on Windows XP
Navigator 9.0.0.5 on Windows 2000

Any ideas? Thanks so much for your help!

(duplicate post deleted)

Matthew,

for what it’s worth, it looks the same to me on Safari, Camino and Firefox on my Mac as it does on IE7, IE 6, FF & Safari on my PC…It’s just me, but I would honestly not give even a second of a thought to IE 4.01…it starts to become personal preference when you get to IE 5 & IE 5.5….On the sites I run, I see maybe 200 pageviews a year on the IE 5 family…given that number, for my time, I’m completely unwilling to support it.

Just my personal opinion, but IE8 is still in BETA, and from the testing I did with it, aside from messing up my computer to the point that I had to do a system restore, nothing displayed correctly on it.  Not even the M$ Website.

Also, FF 3.0 is still in Beta, so who knows how much will change.  I have some friends that are using it, one on Ubuntu 8.04 & one on Leopard…they both have had different display problems.

Are you by chance getting all of this from BrowserShots.org?

I am attaching a screen shot from Safari on a Mac.  Looks good to me.

Are you having these problems if you just put your raw html mockup into a file & look at it?  or is it specifically from being in EE?  (sorry if you have previously answered this.)

I hope this ‘non-answer’ helps!  😉

-greg

Ooops, it looks like a link took me to the wrong url!  😉

Sorry…

Whoops, sorry, that’s the main index page—I forgot to disable the hotlinking to get the testing pages to load properly. Try the above links again.

Yes, I’m getting these from Browsershots.

Original page: http://www.matthewwilliamsdesign.com/weblog/index.php

Here’s the directory of screenshots: http://www.matthewwilliamsdesign.com/testing/

OK.  sorry for the mistake above 😊

For me, looks good on Safari, Firefox on Mac and PC.  Looks good on Camino on Mac.  Broken in IE7 & IE6.  I would first start by probably trying to validate your code, as there are some errors in there…and who knows, it could be causing the problem.

The only issue on IE I see is the sponsor logos aren’t showing up.

But, I think I good starting point would be here

I hope that helps some.  =)

-greg

Okay, I checked a few of my other (static) HTML pages, and I couldn’t validate any of them with that site. Do I need to re-code/rebuild my site to be in compliance with their standards?

(I realize these are basic web design questions, so please bear with me.)

Thanks so much, Greg!

I think you’ll find using web standards will make cross browser coding a bit easier. But there’s no one forcing you to do so. One benefit would be just removing the structural table use completely. Your site is a fairly basic style to accomplish purely in CSS/HTML or XHTML .

Thanks for sharing URL. It has good information. I am learning web development and it is useful resource.

Ooops, it looks like a link took me to the wrong url!  😉

Sorry…

Okay, I think I fixed the table-breaking—I had an extra/misplaced

</div>

in there. I also locked the four sponsor logos in their own table. Here’s how it’s supposed to look.

Please take a look and see if it looks correct:

http://www.matthewwilliamsdesign/weblog/index.php

Thanks so much, everyone!

Now, on to the cross-browser compatibility coding…