Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2011-03-28 16:35:36

kstewart
Member
Registered: 2011-03-09
Posts: 71
Website

Internet Explorer not displaying table properly

Hi there,

An annoying issue here… on the homepage the table at the bottom is all over the place in Internet Explorer. It’s perfect in Firefox, Opera and Safari.

www.fonmedia.co.uk

Any help much appreciated as have been trying to fix this for a week.

ps using

<meta http-equiv="X-UA-Compatible" content="IE=7" />

or this

<meta http-equiv="X-UA-Compatible" content="IE=8" />

hasn’t worked

Last edited by kstewart (2011-03-28 16:36:05)


www.kimstewart.co.uk

Offline

#2 2011-03-28 16:40:36

ruud
Developer Emeritus
From: a galaxy far far away
Registered: 2006-06-04
Posts: 5,068
Website

Re: Internet Explorer not displaying table properly

Which MSIE isn’t displaying it properly: 6, 7, 8 or 9 or a combination?

And use a validator to fix the errors in the HTML code.

Offline

#3 2011-03-28 16:52:05

kstewart
Member
Registered: 2011-03-09
Posts: 71
Website

Re: Internet Explorer not displaying table properly

I’m working on a mac and cannot currently access IE but I was on a PC an hour ago and it was using IE 7. Using that validator and have 30+ errors but not sure how to fix a lot of them! oh dear…


www.kimstewart.co.uk

Offline

#4 2011-03-28 17:29:13

ruud
Developer Emeritus
From: a galaxy far far away
Registered: 2006-06-04
Posts: 5,068
Website

Re: Internet Explorer not displaying table properly

First fix the ones you do know how to fix ;)

Btw. you can run the validator on your Mac as well (in Safari or Firefox).

Last edited by ruud (2011-03-28 17:31:19)

Offline

#5 2011-03-28 18:52:16

kstewart
Member
Registered: 2011-03-09
Posts: 71
Website

Re: Internet Explorer not displaying table properly

I think it’s the slideshow causing problems… In one line I want a slideshow of images, then text, then another slideshow and finally some text.

I’ve done this with a table but the slideshow is called with

<div class="slideshow" />
<img src="http://www.fonmedia.co.uk/images/9.png" alt="" width="140" height="168" />
<img src="http://www.fonmedia.co.uk/images/10.png" alt="" class="hidden" width="140" height="168" />
<img src="http://www.fonmedia.co.uk/images/11.png" alt="" class="hidden" width="140" height="168" />
</div>

I put the slideshow in forms and called the relevant forms in the article like this:

<table id="table">
<tr><th><txp:output_form form="slideshow_home2" /></th>
    <th><h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</h5></th>
 <th><txp:output_form form="slideshow_home3" /></th>
<th><h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</h5></th></tr>
</table>

But it outputs like this:

<table id="table">
<tr><th><div class="slideshow" />
<img src="http://www.fonmedia.co.uk/images/9.png" alt="" width="140" height="168" />
<img src="http://www.fonmedia.co.uk/images/10.png" alt="" class="hidden" width="140" height="168" />
<img src="http://www.fonmedia.co.uk/images/11.png" alt="" class="hidden" width="140" height="168" />
</div></th>
<th><h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</h5></th>
<th><div class="slideshow" />
<img src="http://www.fonmedia.co.uk/images/9.png" alt="" width="140" height="168" />
<img src="http://www.fonmedia.co.uk/images/10.png" alt="" class="hidden" width="140" height="168" />
<img src="http://www.fonmedia.co.uk/images/11.png" alt="" class="hidden" width="140" height="168" />
</div></th>
<th><h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</h5></th></tr>
</table>
</div>

Any ideas on how to do this better?


www.kimstewart.co.uk

Offline

#6 2011-03-28 19:07:34

maverick
Member
From: Southeastern Michigan, USA
Registered: 2005-01-14
Posts: 976
Website

Re: Internet Explorer not displaying table properly

Instead of using a table, try using divs (or elements and asides if you want html5) and css for layout. It will simplify your code. Tables are best used when the data you want to present calls for a table to display it.

Offline

#7 2011-03-28 20:13:47

GugUser
Member
From: Quito (Ecuador)
Registered: 2007-12-16
Posts: 1,472

Re: Internet Explorer not displaying table properly

On your last question about the problems with IE I have taken my time to answer you, and you never responded. I will not go analyze your code again. There are more problems than just this with the table.

Offline

#8 2011-03-28 21:17:51

kstewart
Member
Registered: 2011-03-09
Posts: 71
Website

Re: Internet Explorer not displaying table properly

Maverick – Thanks, will have a go with divs.

GugUser – Not sure what you mean. If you mean the previous thread I began, I started the whole site again from scratch and did not think your last comment needed a response.


www.kimstewart.co.uk

Offline

#9 2011-03-28 21:23:37

GugUser
Member
From: Quito (Ecuador)
Registered: 2007-12-16
Posts: 1,472

Re: Internet Explorer not displaying table properly

Maybe it didn’t need a response.

Offline

#10 2011-03-28 21:36:35

GugUser
Member
From: Quito (Ecuador)
Registered: 2007-12-16
Posts: 1,472

Re: Internet Explorer not displaying table properly

And: it seems to me more satisfying if you react to specific proposals …

But before you ask for solutions to individual problems, you should correct obvious errors such as divs before <body id="default"> or <p> inside <p> etc.

<meta http-equiv="X-UA-Compatible" content="IE=7" /> is unnecessary.

You don’t need write special HTML for IE7.

Offline

#11 2011-03-28 21:42:00

kstewart
Member
Registered: 2011-03-09
Posts: 71
Website

Re: Internet Explorer not displaying table properly

Ok thanks. Saw bc.. body id=“default” p. in validator but cannot find it anywhere in textpattern… Will start again tomorrow.


www.kimstewart.co.uk

Offline

#12 2011-03-28 21:47:48

els
Moderator
From: The Netherlands
Registered: 2004-06-06
Posts: 7,458

Re: Internet Explorer not displaying table properly

kstewart wrote:

body id=“default”

It probably looks like <body id="<txp:section />">.

Offline

Board footer

Powered by FluxBB