| View previous topic :: View next topic |
| Author |
Message |
thenamesdave
Joined: 27 May 2006
Posts: 25
Location: Essex
|
 Posted: Sat May 27, 2006 10:28 am CSS tables |
 |
|
|
Hey all, n00b to this forum  I am having terrible trouble with CSS tables, the site looks as it should in FF but not in IE and I have no idea why! Clicky. The tables look all wrong in IE, and the validator has a hissey fit when trying to validate it because I don't know what DOCTYPE to use  Thanks to all who can help! |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8259
Location: Castle Rock CO USA
|
| Posted: Sat May 27, 2006 1:00 pm |
|
|
|
There are actually no such thing as CSS tables yet. You cn use CSS to create divides and you can use CSS to apply a format (like background color, font color, border color, wdith, height, etc) to tables. But tables are create with HTML.
The DOCTYPE goes before the <html> actually. So just change
| Code: |
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head> |
to
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head> |
for starters.
And then you should be able to use a validator
_________________
Corey
Loud Commerce | Loud Worx | Merchant Account Blog
Last edited by Corey Bryant on Sat May 27, 2006 3:50 pm; edited 1 time in total |
|
thenamesdave
Joined: 27 May 2006
Posts: 25
Location: Essex
|
| Posted: Sat May 27, 2006 2:44 pm |
|
|
|
Hello mate, thanks for the help, although the validator now throws even more errors  This is seriously confusing stuff, all I want is for the tables to look like they do in FF in IE  |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8259
Location: Castle Rock CO USA
|
| Posted: Sat May 27, 2006 3:58 pm |
|
|
|
Since you are using XHTML, yours tags have to be closed. For example,
needs to be
And
| Code: |
| <META name="author" content="Adam Hart"> |
needs to be
| Code: |
| <meta name="author" content="Adam Hart" /> |
This also needs to be lower case code since you are using XHTML.
Read the errors. I see one error that says that there is no closing.
Consider putting all your styles in your internal sheet instead of four.
And it looks like your applied the same class to all the tables?
Check out CSS Reference - scroll down a bit, and you will see everything that you can use on tables.
And on
| Code: |
| border:1px outset 0080C0; |
Try using
| Code: |
| border:1px outset #0080C0; |
_________________
Corey
Loud Info | Loud Worx | Merchant Account Blog |
|
thenamesdave
Joined: 27 May 2006
Posts: 25
Location: Essex
|
| Posted: Sun May 28, 2006 12:44 am |
|
|
|
| Thank you Corey, its all very confusing lol, I'll have a crack at it and let you know how I get on. Many thanks once again. :] |
|
thenamesdave
Joined: 27 May 2006
Posts: 25
Location: Essex
|
| Posted: Sun May 28, 2006 2:29 am |
|
|
|
| Ok Corey it has now completely reversed! It now looks perfect in IE but in FF it has no borders at all! www.basseydave.com I have also tried using DIV so that probably has had an effect on FF. |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8259
Location: Castle Rock CO USA
|
|
thenamesdave
Joined: 27 May 2006
Posts: 25
Location: Essex
|
| Posted: Sun May 28, 2006 3:27 am |
|
|
|
| WAHOOOOOOOOOOOOOOOOO!!!!!!! FINALLY DONE IT!!!!!!!!! Thanks Corey, it now looks the same in both browsers! www.basseydave.com - Many thanks once again :] |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8259
Location: Castle Rock CO USA
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
