Click to See Complete Forum and Search --> : Need some help here... =)


UFG
12-11-2002, 08:35 PM
I'm new here, so hello. Anyway, I'll skip the rest of the introduction and get to the point:

I recently made a test layout for a site I might be planning to make, and it seems to work fine in IE and Netscape, but Opera is having problems with it. Well, it's really a single problem, and I'm not sure whether it's the browser itself or my HTML. Anyway, a friend and both I tested it with Opera 6, and it seems to add an extra ~75 pixels of blank space to the right of the image on the left side, screwing up part of my design. I did some extra testing, and found that if I set the width of the sidebar test image (TEST.jpg, originally 150 pixels wide) to 149 pixels, Opera will not add those extra ~75 worthless pixels.

http://omoiwa.anime-ftp.com/test/ero/

Any help would be appreciated. =)

Stefan
12-12-2002, 07:55 AM
Well, you have quite a few errors on the page including a broken charset metatag and a missing doctype.

http://validator.w3.org/check?uri=http%3A%2F%2Fomoiwa.anime-ftp.com%2Ftest%2Fero%2F

before you fix all these HTML errors it's difficoult to know if the error you see in Opera 6 is due to a coding error or a browserbug.

If the page still looks weird after you have fixed the errors there are however a simple workaround to make your page work in Opera 6 too, taking advantage of CSS parsingbugs.
I'll explain how it works if you need it later :)

spufi
12-12-2002, 09:52 AM
http://www.alistapart.com/stories/doctype/

There's an article about Doctypes, so you can see why you need to use them. I would try to use the 4.01 Strict one. This means you'll be having to look into using CSS which is a good thing since you use nested tables for layout and CSS removes the need for you to do that. Here's some links on CSS.

http://hotwired.lycos.com/webmonkey/reference/stylesheet_guide/
http://www.meyerweb.com/