Hi group,
I'm having trouble with a website I'm working on for my boss. Normally I code my own html, but I was having trouble getting the right "look" for this site, so I decided to use a free template that I found on line. It uses tables, which I am really no good at (I'm used to frames). I finally got it to look ok on IE, but it still doesn't quite look right on Firefox. I haven't tried it on a Mac, because I don't know anyone who has one! Anyways, could someone please take a look and perhaps give me some guidence? Firefox shows all these extra lines and such that I don't see in IE or in Dreamweaver.
Until the site is ready for publication, I just have it on my own personal server, so you can find it here: http://www.agabengalcats.com/dental/
Thanks,
Mel
12  1991 
I finally got it to look ok on IE, but it still doesn't quite look right on Firefox.
Getting a page to look ok on old, buggy non-standard IE but not modern, standard Firefox is nothing I would tell anyone.
You will never get IE to attempt to perform like a modern browser without a proper doctype as your first line. IE is in quirks mode. Use this one:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Then, Validate your html for those errors to fix and then validate and fix your bazillion css errors.
Can anyone else offer me some more useful advice, rather than just criticism? I am not an expert with tables or css; as I stated previously, this code was from a free online template. I've never really worked much with tables and haven't worked at all with css. I'm just trying to get this website compatible with as many browsers as possible for my boss.
Mel,
I don't think you should take that as criticism. You already have some CSS, but you are using some deprecated tags like <center>Some Content</content> if you want I will post a similiar template using css that will validate and perform in both browsers. If you look at 50% of the posts in this forum you will see we suggest changing the doctype it is that important.
The issue is the CSS that I have I didn't write. I do have a book that talks about it (a dHTML book) but it's never something I really understood.
I also never knew about the Doc type....in fact, I don't think I've ever used it in any of my websites. What is it? What do I do with it? What exactly should it say?
Thank you so much!
Mel
The Document Type Definition, or doctype, is the set of rules you are telling the browser you are using. The browser will use that same set of rules to render your code into a displayable page. Without one, the browser picks what it thinks it should use but may not be what you want. Without one, IE picks "quirks mode" which is not only pre-1998 but contains Microsoft's infamous broken box-model which has caused pain, agony and grief...even death...among web coders everywhere.
Modern browser, of course, do not use broken models which makes IEs rendering of web pages incorrect which must be "adjusted" in our code. This is but one of a bazillion things wrong with IE6 and IE7 which make it the worst browser on the planet.
To code to modern standards, therefore, you must use a doctype. Especially when you consider that there is now three versions of html and three versions of Xhtml. However, you should only use one, be it html or xhtml in strict mode. Even then, I recommend HTML strict since your server probably serves HTML whether you declare Xhtml or not.
In any case, I don't want to continue criticizing ...
CSS is easy to learn if your interested we can/will help.
Yes, please do teach me!
I still dont know what my doc type code should read...
The format should be like this:
[html] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Your Title</title>
<style type="text/css">
/* Your styles go here */
</style>
</head>
<body>
Some Content Goes Here
</body>
</html>[/html]
What's that website in the doc type?
Ok, I have now tried this with strict and loose. It seems every tag I ever used is no longer "valid" for these applications. BORDERCOLOR, HEIGHT...I mean, c'mon...I've been using these tags for years. Is the entire language different now?
You don't fit the doctype to the code. You fit the code to the doctype. You wrote your code in quirks mode, not standard mode. So, of course, your code fails. You need to fix your errors, not try and force it to work by changing the rules.
The tags you were using are replaced by CSS. This is a good thing though CSS allows you to apply your style throughout your site using the same code over and over.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Steve Sabljak |
last post by:
I seem to having a little trouble getting a table to display correctly
in both msie and firefox. I want to set the table and column widths in
pixels, and have some cell padding too. The table...
|
by: deko |
last post by:
How to run action query against linked table?
I have an Access 2003 mdb with an Excel 2003 Workbook as a linked table.
When I attempt to run an action query against the linked table I get this...
|
by: phil-news-nospam |
last post by:
Is there really any advantage to using DIV elements with float style
properies, vs. the old method of TABLE and TR and TD?
I'm finding that by using DIV, it still involves the same number of...
|
by: aric.bills |
last post by:
Hello all,
I'm a novice Javascript programmer, and I'm having browser
compatability issues regarding dynamic generation of tables. The
following content generates "hello" in Firefox 1.5, but...
|
by: whisher |
last post by:
Hi.
I'm not able to understand
why this simple snippet doesn't
work with IE.
It works fine with FF and Opera 9.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...
|
by: =?Utf-8?B?Sm9obiBCYWlsZXk=?= |
last post by:
I have a ASP .Net page that allows moving around items on the page through
javascript. This page works fine in IE.
In FireFox however, I have found that if the page is using XHTML 1.0...
|
by: Jansen |
last post by:
I'm having a lot of trouble getting my website splash page working right. As it sits right now, it works 100% perfectly in firefox. In IE6, the page is moved way over to the right. In IE7, the...
|
by: Plater |
last post by:
I am having trouble with firefox tanking when talking to older servers.
As per http://www.w3.org/Protocols/HTTP/OldServers.html
If there is no response line, all bytes on the stream are to be...
|
by: Inny |
last post by:
The following 3 pages which are popups on my site are not rendering in mozilla firefox. Source is visible instead. Any idea why?
...
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
| |
