Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
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
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
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
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
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
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,473
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
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,473
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,473
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
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