Hi folks, you lovely clever knowledgable and amazing peeps

I started the open university wed design modules. I've completed the first 10 credits, but gave up on the next one which was scripting.

I tested my 2 little websites in all the browsers and they were fine, so

get ready for my

BIG MISTAKE

I carried on happily adding stuff, and they look luverly in Firefox

but some kind soul has just told me how they NOW look in IE and it's awful

unreadable

hopeless

Please can anyone tell me how to fix? I've used CSS and tables

http://cyderspace.net

http://devonhealinghands.com

I tried changing some th in the tables to td (no reason, just did) and IE improved the index page ever so slightly in cyderspace...

O hek. o me. o my. odear.

HELP

Monica xx

I can make http://cyderspace.net/ look OK in IE7 by editing the styles and deleting the td and th styles here:-

/*table.thr, td, th *//*for text blocks*/
table.thr 
{
table-layout: fixed;
empty-cells:show;
border-collapse: separate;
font-size: 1em;
background-color: #FFE4E1;
border-style: none;
z-index: 2;
width: 100%;
padding: 10px;
}

/*table.aut, td, th*/ /* for text without visible border*/
table.aut 
{
table-layout: auto
background-color: #FFE4E1;
border-style: none;
font-size: 1em;
z-index: 2;
width: 100%;
padding: 10px;
}

 

By having styles for

table.thr, td, th /*for text blocks*/

and

table.aut, td, th /* for text without visible border*/

you are making the td and th tags 100% wide, which is obviously wrong. In fact you don't need to state width: 100% as a table will assume that and then th and td tags will adjust inside automatically.

 

table.thr, td, th /*for text blocks*/ and

table.aut, td, th /* for text without visible border*/

applies the style to all td and th tags on your page, not just inside the stated class. If you wanted the style to apply to the td and th tags inside a particular table class you should repeat the class:-

table.thr, table.thr td, table.thr th /*for text blocks*/
and
table.aut, table.aut td, table.aut th /* for text without visible border*/

 

but I deleted td and th as that seemed to work in IE7 and Firefox here because you don't want the width: 100%; to apply to the td and th tags.

width 100% applied to tables and the cells and the headings

what a prize Dope-ms iyam

Bless you for your help

I am soohhh pleased that at last the website is readable... I was only told about it today. I hadn't tested in all browsers. I am going to test in all browsers but it works OK in IE now

That explains a lot.

I'll fix devon healing hands in a minute too

Cheers

Wow

wow

wo what a fantastic reply

quick

fixed it

wonderful

Thankyou a million times

Mon xx

width 100% applied to tables and the cells and the headings

what a prize Dope-ms iyam

Bless you for your help

I am soohhh pleased that at last the website is readable... I was only told about it today. I hadn't tested in all browsers. I am going to test in all browsers but it works OK in IE now

That explains a lot.

I'll fix devon healing hands in a minute too

Cheers

Wow

wow

wo what a fantastic reply

quick

fixed it

wonderful

Thankyou a million times

Mon xx

 

Clear enthusiasm...loving it lol

yeah well, if you've really cocked summat up, and it's unclear wot the hek u have done, and you are ever so busy up to neck in assignments, and the dogs want walking, and folk need feeding, and then someone mentions that your perfect (well, not the html, only the css) website is total balderdash and rubbish and nonsensical driveling nothinkness, and you ask on a website you've only just discovered, and getananswer just like that (but not like that)

IT'S WUNDERFUL

It's nice to get some thanks !

As they say, 'Manners cost nothing'