Internet Explorer not displaying table properly

kstewart · 2011-03-29 10:19:50

@ Els – Yes I had this

<body id="<txp:if_section name="Home">front<txp:else /><txp:section /></txp:if_section>">

@ maverick & Guguser Cheers guys. Will have a go at sorting it all out today.

kstewart · 2011-03-29 12:54:35

Sorted with divs. Thanks again folks!

GugUser · 2011-03-29 20:04:27

You believe in illusions. There is—in this moment, for example and the most important—no opening <body>.

kstewart · 2011-03-29 20:56:39

It looks alright in my browsers.

MattD · 2011-03-29 21:17:20

GugUser wrote:

You believe in illusions. There is—in this moment, for example and the most important—no opening <body>.

No <body> for me either in the source.

maverick · 2011-03-29 21:25:30

kstewart wrote:

It looks alright in my browsers.

The opening <body> tag is missing. (The closing tag is there)

Many browsers can likely compensate in rendering – they assume the body tag, but it can cause problems — for example (and I’m speculating), with browsers for the blind and others with disabilities.

It definitely will cause problems validating your code, and can cause other problems with more complex code.

Easy fix though :)

kstewart · 2011-03-29 21:27:55

Fixed now, thanks guys!

maverick · 2011-03-29 21:40:05

Almost :)

html needs to be structured like this:

<document declaration />
<html>
   <head>
      Meta Data stuff, Title, CSS links or statements, etc.
   </head>
   <body>
      Everything else
   </body>
</html>

You page’s code currently is:

</head>

<ul class=“section_list”> <li><a class=“active” href=“http://www.fonmedia.co.uk/index.php”>Home</a></li> <li><a href=“http://www.fonmedia.co.uk/index.php?s=our_work”>Our Work</a></li> <li><a href=“http://www.fonmedia.co.uk/index.php?s=our_people”>Our People</a></li> <li><a href=“http://www.fonmedia.co.uk/index.php?s=contact_us”>Contact Us</a></li>
</ul>

</div>

<body>
<body id=“front”>

To solve your validation issues and possible glitches in rending the page

Only use one body tag per html document. The second one, with the id, is the one I’m presuming you want to keep.
move the <div class=“slideshow”> and <div id=“head”> blocks of code in between your <body></body> tags.

Last edited by maverick (2011-03-29 21:42:19)

kstewart · 2011-03-29 22:04:04

Thanks Maverick! I originally had tried to organise it like that but was having trouble getting the slideshow to work and ended up moving things around a little too much. Cheers!

GugUser · 2011-03-29 22:07:54

From your website:

Regardless of whether you are looking for the construction of websites (…), Fon Media Solutions can realise your media brief with exceptionally fresh and professional results.

If you want to deliver professional work, then you have to learn HTML, CSS, etc. Your proceeding shows me that you don’t know what you’re doing. At the moment, no browser is the problem. First, the code must be correct, then one looks for solutions for poorly developed browsers.

kstewart · 2011-03-29 22:31:29

Yes, thank you for your input. The company is not mine and they were just looking for a simple cheap option. They are primarily delivering radio, video and animation content. The latter being my usual work.

I do know basic HTML and CSS however it’s my first time with Textpattern and the site’s not quite finished. Still tweaking bits.

Last edited by kstewart (2011-03-29 22:53:46)

GugUser · 2011-03-29 23:54:40

I do know basic HTML and CSS however it’s my first time with Textpattern and the site’s not quite finished. Still tweaking bits.

The topics we are discussing here has nothing to do with TxP, mainly with HTML …

The current problems you have to solve are in the HTML … maverick showed you the basic scheme. The divs have nothing to do outside the <body>.

And you still have <p> inside <p> and and other errors in the HTML. Your job in this stage is to improve the HTML. Nothing more.

And then you can work in the details with CSS and JS …

kstewart · 2011-03-30 12:48:56

If you mean the <p> from kml_twitter… I have this:

<txp:kml_twitter user="fonmedia" count="5" title="<u>Recent tweets...</u>" titletag="h4" breaktag="p" wraptag="p" />

and it outputs as

	<p class="tweet"><span class="tweet_text">I posted a new photo to Facebook <a …

Without breaktag="p" wraptag="p" it doesn’t look the way I wanted it to.

GugUser · 2011-03-30 13:03:46

HTML is not for determine the appearance.

I mean this:

<p>
    <p class="tweet"><span class="tweet_text">I posted a new photo to Facebook <a href="http://fb.me/C5ZzQrWC">http://fb.me/C5ZzQrWC</a></span> <a href="http://twitter.com/fonmedia/status/50623359897178112" class="tweet_time">6 days ago</a> </p>
    <p class="tweet"><span class="tweet_text">Currently getting snapped for our press shots. Grrr work it darling the camera loves you! <a href="http://twitter.com/dave2huphreys">@dave2huphreys</a></span> <a href="http://twitter.com/fonmedia/status/49544454524243968" class="tweet_time">Mar 20th</a> </p>
    <p class="tweet"><span class="tweet_text">Moral of the story: you come up with the idea, Fon Media will help you execute it:… <a href="http://fb.me/BX1QL2c6">http://fb.me/BX1QL2c6</a></span> <a href="http://twitter.com/fonmedia/status/48784307208208384" class="tweet_time">Mar 18th</a> </p>
    <p class="tweet"><span class="tweet_text">Interesting reading: How are small businesses using social media? [infographic] <a href="http://bit.ly/hwFj80">http://bit.ly/hwFj80</a></span> <a href="http://twitter.com/fonmedia/status/48071148331737088" class="tweet_time">Mar 16th</a> </p>
    <p class="tweet"><span class="tweet_text">Pleased to be the official social media administrator for the Poynton Town clerk: follow <a href="http://twitter.com/poyntontownclerk">@poyntontownclerk</a></span> <a href="http://twitter.com/fonmedia/status/46993986233184256" class="tweet_time">Mar 13th</a> </p>
</p>

In terms of a proper semantics you can use an unordered list.

You decide whether you want to learn or not.

GugUser · 2011-03-30 13:07:32

Divs are not part of <head>.

Why do you ask in this forum and do it as if you all knew better?

Textpattern CMS

Textpattern CMS support forum

#16 2011-03-29 10:19:50

Re: Internet Explorer not displaying table properly

#17 2011-03-29 12:54:35

Re: Internet Explorer not displaying table properly

#18 2011-03-29 20:04:27

Re: Internet Explorer not displaying table properly

#19 2011-03-29 20:56:39

Re: Internet Explorer not displaying table properly

#20 2011-03-29 21:17:20

Re: Internet Explorer not displaying table properly

#21 2011-03-29 21:25:30

Re: Internet Explorer not displaying table properly

#22 2011-03-29 21:27:55

Re: Internet Explorer not displaying table properly

#23 2011-03-29 21:40:05

Re: Internet Explorer not displaying table properly

#24 2011-03-29 22:04:04

Re: Internet Explorer not displaying table properly

#25 2011-03-29 22:07:54

Re: Internet Explorer not displaying table properly

#26 2011-03-29 22:31:29

Re: Internet Explorer not displaying table properly

#27 2011-03-29 23:54:40

Re: Internet Explorer not displaying table properly

#28 2011-03-30 12:48:56

Re: Internet Explorer not displaying table properly

#29 2011-03-30 13:03:46

Re: Internet Explorer not displaying table properly

#30 2011-03-30 13:07:32

Re: Internet Explorer not displaying table properly

Board footer