Click to See Complete Forum and Search --> : [RESOLVED] Extension works in FF, but not in IE (is there an echo in here?)
sheepo-designs
02-15-2006, 12:17 PM
I want to create a border for the page, but no matter what try, the "left side" wont extend.
Here's the page:
links (http://oshawapss.ca/PREVIEW/links.htm)
Here's the CSS:
CSS (http://oshawapss.ca/PREVIEW/opss_CSS.css)
Here's the Extension GIF:
vertext.gif (http://oshawapss.ca/PREVIEW/images/vertext.gif)
This occurs on every page, not just this one.
drhowarddrfine
02-15-2006, 01:10 PM
First thing you want to do is add a doctype to get IE out of quirks mode. I recommend html4 strict.
sheepo-designs
02-15-2006, 02:01 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/strict.dtd">
This?
drhowarddrfine
02-15-2006, 05:13 PM
Yep.
sheepo-designs
02-15-2006, 05:25 PM
Ok...but nothing changes.
Master Shake
02-15-2006, 05:36 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Note the difference from what you posted
Master Shake
sheepo-designs
02-15-2006, 05:41 PM
....I see. Well then...heh
but the problem still exists...
Neczy
02-15-2006, 06:25 PM
Is there a reason you are using a table for the design, when CSS would make it much easier? You could make one large image to account for the border on both sides, and have that tile vertically. That'd fix this problem in a snap.
sheepo-designs
02-15-2006, 06:36 PM
I've gone this far already...its taken me a long time to get this far. Is it that important to not use tables? because so far they've done me well.
Neczy
02-15-2006, 06:47 PM
Do not use tables. The purpose of tables is for tabular data - what you see in Excel spreadsheets. Columns and rows. Using tables for layout makes absolutely no sense. For you it may be different, but chances are if you want to design with tables, you don't suffer from any form of disability. There are many blind, dyslexic, and other handicapped users who browse the Internet. And, though you may not realize it, these sites can become very confusing. What's more, the W3C has a specification regarding accessibility. You should always respect and obey the rules set by the W3C; doing otherwise is promoting bad practices and discouraging the proper use of recommended technologies. The Web Content Accessibility Guidelines specify all the rules that you should take into consideration when designing a site. It is generally a good idea to avoid breaking any of them, but you should always strive for priority 2 accessibility (known as "AA"). You may notice, in the WCAG (Web Content Accessibility Guidelines mentioned above), that it says you can use tables for layout if they linearize. This is absolutely not recommended, as it breaks priority 1. It means, basically, if you can see the table-based layout well enough in a text-only browser, then your layout is bearable. However, it is breaking priority one and therefore is a very bad practice. Instead of using tables for your layout, use Cascading Stylesheets. Their purpose is for Web site design. Their use also saves you file space and bandwidth (because of cache). You can include a single file on each page and use minimal markup (excluding actual text content) to turn 8KB files into 4KB ones. Need more reasons or a longer, more in-depth explanation? (Source) (http://www.webdeveloper.com/forum/showthread.php?t=44403)
As you can see, CSS is definately the best way to go with this. It may seem like a lot of work, but I think the frustration of this problem you're having alone is worth converting it over. You've done a great job so far.
toicontien
02-16-2006, 04:17 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Note the difference from what you posted
Master Shake
That doesn't make any difference for Internet Explorer. You can place <!DOCTYPE "Internet Explorer Sucks"> at the beginning of the HTML document and that will trip Standards Compliance mode in IE. Even the strict vs transitional thing is complete BS. Standards mode is standards mode in browsers. The ONLY difference between the different doctypes is the number of HTML tags and attributes that are supported. The CSS support remains unchanged.
The reason people say "strict" doctypes are better is because strict doctypes do away with presentational tags and attributes, forcing you to place all design information in style sheets, thus making strict doctypes more accessible than transitional -- and not because of the word strict, loose, or transitional in the doctype tag itself.
Master Shake
02-16-2006, 06:40 PM
Thanks, didn't know that. But what is all the other garbage for if it is irrelavent and does that mean I don't need anything except <!DOCTYPE> to get IE out of quirks mode?
Master Shake
[edit] Also, with the combining TRANSTIONAL and STRICT what do you actually get?
Master Shake
02-16-2006, 06:55 PM
Actually, tiocontien, there is no need to reply as I should not be horning in on sheepo-designs thread. I'll start my own thread to get some doctypes lessons.
Master Shake
Learn to use css (http://www.w3schools.com/css/default.asp), it will save you a lot of time and bytes.
Solution to problem is to place the vertext.gif on the table background, html and css attached.