Date: 05/22/05 (Web Development)    Keywords: css, html, java, web

I just tried setting up my first website. I'm not a professional, but I am trying to teach myself about web development. I set up this website by creating .htm docutments in Dreamweaver. I wrote out all the code myself and didnt really use any of Dreamweaver's features.

So far I've only been able to test it in IE6 and AOL (using IE6). In both, I recieve error messages telling me that AOL or IE6 must close due to an error. I predefined the window size using a javascript, but in AOL the size comes up incorrectly. With or without this resizing script, the error messages still occur, and AOL/IE6 needs to close. Here is the site. (BTW, this site is only meant for family and friends...these bags are not for sale to the general public.)

I've been researching this, and read that IE6 can have some doctype issues. The doctype on all of my pages is this: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN", and shouldnt cause any problems.

What is the best solution? I ljcut my CSS code below. Is the syntax wrong, or not strict enough, so that it's causing errors? If I want my page to be universally viewed, should I not be using CSS? I had heard that using frames is outdated, and I really like the control CSS gives me over everything on the page.

Thanks for any and all help!!! It will be very much appreciated! (I apologize for any x-posting.)


All of the below code is formatted correctly on the actual page. The syntax is correct, and the entire website works correctly when I test it in Internet Explorer through Dreamweaver.

body {background: url(background_image.jpg) fixed; scroll: no}

p {color: red}

p.white {background-color: white}

p.topmenu {background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14;

line-height: 15pt; border-style: dotted; border-width: 4px; border-color: red;

position: absolute; left: 20px; top: 100px; width: 100px; text-align: center}

p.menu {background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14;

line-height: 15pt; border-style: dotted; border-width: 4px; border-color: red;

position: relative; left: 30px; top: 5px; width: 120px; text-align: center}

p.main {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; font-size: 13;

line-height: 13pt; font-weight: bold; position: absolute; left: 220px; top: 20px; height: 500;

width: 420; border-style: dotted; border-width: 4px; border-color: red}

p.title {background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14;

line-height: 15pt; border-style: dotted; border-width: 4px; border-color: red;

position: relative; left: 10px; top: 5px; width: 120px; text-align: center}



p.lower_right_image {position: absolute; left: 510px; top: 340px}

p.image2 {position: absolute; left: 260px; top: 360px}

p.thumb {position: absolute; left: 230px; top: 30px}



a:link {text-decoration: none; color: black; border: 0}

a:active {text-decoration: none; color: black}

a:visited {text-decoration: none; color: black}

a:hover{text-decoration: none; color: red}

Source: http://www.livejournal.com/community/webdev/202907.html