Help my site is different in IE and in Firefox!

[jamesbskt]

firefox is displaying my site perfectly, i have built it for a friend, using one large table,

but as i finished the site i just checked it in Internet explorer as i only use Firefox,

and in firefox the table is centered correclty but in Internet explorer some pages are left align.. i have changed some of the coding but it wont change in IE

www.jackdexkarting.com
view it in firefox then IE

any help?

[Neno]

in firefox the table is centered correclty but in Internet explorer some pages are left align

No wonder.
Here is your code on index page:
<table width="770" height="671" cellspacing="1" border="0" align="center">

and here it is on another page:
<table cellspacing="1" border="0" style="width: 770px; height: 671px; text-align: left; margin-left: auto; margin-right: auto;">

Aside from using tables for layout, you really need to clean up your html code.

[enkidu]

hmm, I think some of the problem is the heavey use of tables, did you write this code or generate it? It is stnadard practice now to use Style Sheets and Div classes, as browsers have an easier time with them than full HTML with tables. Also your code isn't valid:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.jackdexkarting.com%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0

[jamesbskt]

ooer that doesnt look good does it..

im new here by the way and i dont code sites myself i use programs. i just got a new laptop & downloaded Kompozer (yes i know, ouch) because it's free and i thought it might be useful, but unfortunatley it's incredibly confusing sometimes, has unexplained regular bugs and is not consistent.

i made this site on dreamweaver at college, but i don't have dreamweaver myself. any other suggestions for someone that cant face using notepad ++ for the whole thing ? please? :o

[Carradee]

Hey, don't panic at the thought of Notepad. I find it easier—but then, I'd never touched Dreamweaver until after I already knew how to code. So I ultimately gagged at what Dreamweaver produced for me. (…Actually, I couldn't figure out what the heck it wanted me to do because I design differently than it does.)

A lot of Notepad-based code is knowing, Oh, I need to declare a DOCTYPE. Where did I find those listed so I can pick mine from that list? or Okay, Google CSS and borders, copy and paste what I find, now do I want this a solid line or what? What are my choices?. And sometimes lamenting when you don't know enough to know what to look for and therefore digging through tutorials until you find what you need.

For example, CSS has a "float: right" and "float: left", but no "float: center". Make a section float in the center by using "margin: 0px auto"—which translates into margin-top: 0px, margin-bottom: 0px, margin-left: auto; margin-right: auto.

You make your page do that very simply by using a tag named "div". It's an empty tag, used only to surround actual things like "p"s and "td"s so you can say things like "text-align:center" for all of them once in the div instead of having to state it for every one in the sidebar.

You spend hours laboring over your basic page, and gradually pick up more of what's "correct" or "well-formed" code with practice and as you learn how to do different things and start understanding CSS a bit better.

But, once you've done all that hard work, all you have to do even a year later is find the file on your computer and copy, paste, and adjust as needed. Sometimes you update your template to reflect what you've learned.

Do it enough, and you might even be able to start jotting your notes in actual CSS. I actually surprised myself yesterday by being able to figure out the HEX color code for some colors from the RGB values. And I'm horrible with numbers.

This helpful?

-'Dee

EDIT: P.S.
CSS is very intuitive, by the way, at least linguistically. I'm a grammar-based person myself, and teaching myself the basics was a breeze.

Finding explanations of why it worked and what precisely I was doing stated in a way that I could understand were a bit more difficult. Ultimately, though, the better I've come to understand CSS, the easier and simpler I find it to understand and explain. I've even done a paper about web coding standards for school for a teacher who was confused by the question of if different pages on a single website counted as different pages in a book or as different articles.

It really isn't hard if you think of HTML and XHTML as defining what different things on a webpage are (like what's a header, what's a paragraph, what's in the sidebar); and then consider CSS the description of what that definition means (like what headers, paragraphs, and the sidebar all look like).

[sharpshooter761]

Like Carradee said, CSS is very easy to pickup, after an hour tuition session I picked it up straight away and with the style sheet they created with me I was easily able to start tweaking things, ive only been coding CSS for about 6 days and ive already coded a website from scratch using it with about 4-5hours. Its really easy. The site you have there wouldnt take much to code in CSS I dont think.

[jamesbskt]

i've now fixed the site and am now scouting for a sort of css / html language manual, i've got a few at home but they're for the raw basics. thanks for the info guys ;]


edit

haha no worries there are references right here at coding forums

http://www.codingforums.com/showthread.php?t=20862

james

[jamesbskt]

can an admin please delete this thread my problem is solved but this post has created a new one. google has indexed a URL on first post this page, and it's appearing above my site in search results! i cant edit the post so i would appriciate if an admin could remove the URL in my post or delete this thread. many thanks,
james