Why does my site look like crap in Opera 7?

They have: 238 posts

Joined: May 2002

I'm wondering why my site doesn't show up properly in Opera 7?
http://silo.newezone.com

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Looks fine to me. What exactly are you having problems with?

Busy's picture

He has: 6,151 posts

Joined: May 2001

what do you have Opera set as? (f12 / browser options)

They have: 238 posts

Joined: May 2002

I have it set as MSIE6 with all the stuff selected (javascript, gif animations, java, etc..)

So it looked the same for you in O7 and IE?

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Quote: So it looked the same for you in O7 and IE?

From memory, pretty much. Your page doesn't load now.

Busy's picture

He has: 6,151 posts

Joined: May 2001

you have a couple of errors in your code, validate your code

also you have CSS in font tags etc, keep CSS to span, div, td, body, table, input etc and keep it out of things like font, br, i, b, q, ...

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I keep mine ID'd as opera. If you let us know exactly what it's having problems with it'll be easier to help.

They have: 238 posts

Joined: May 2002

Well, so you all know what I'm talking about here are a couple of screenshots. They are each around 200 KB at 1024x768 resolution.

http://silo.newezone.com/temp/twf_opera7.jpg -- Opera 7
http://silo.newezone.com/temp/twf_explorer6.jpg -- Internet Explorer 6

Busy's picture

He has: 6,151 posts

Joined: May 2001

you have a after your body tag, so everything is right aligned

in you .css file
remove the:

ONLY css belongs in a .css file

you also might have trouble with 'xml' as its isn't a html tag as such, especially older browser, make it .xml (not that you appear to be using it).
also your menu-heading's should have an 'a' in front of them

and you might want to add marginheight="0" marginwidth="0" to your body tag or use body {magin:0;} in CSS

They have: 238 posts

Joined: May 2002

Quote: you also might have trouble with 'xml' as its isn't a html tag as such, especially older browser, make it .xml (not that you appear to be using it).

What do you mean by that?

Busy's picture

He has: 6,151 posts

Joined: May 2001

in your .css file you have:
xml { .... }

xml is things not an actual item like or etc

They have: 238 posts

Joined: May 2002

xmp { color: #000000; font-family: Verdana; font-size: 8.5pt; color: #2760D3; }

As you can see it was xmp and not xml. Anyway..

I've made the changes that you suggested but the site still looks the same in opera..?

Busy's picture

He has: 6,151 posts

Joined: May 2001

oops sorry, my mistake l - p look similar Wink

I just checked your .css file and it's still the same as is the html file (php file) did you upload the chances?

They have: 238 posts

Joined: May 2002

Nope, I made the changes on my comp , I'll upload the files now.

[EDIT]
It's all been updated..
[/EDIT]

He has: 173 posts

Joined: Nov 2002

Nuke, just so you know, your site looks great in MSNtv (formerly WebTV). The only part that was hard to read for me was the area under the word "LINKAGE" where the 4 links are (these links were very small, even on this 25" TV screen). Everything else looked good, though.

Busy's picture

He has: 6,151 posts

Joined: May 2001

you still need to validate your code as you have things like bordercolor in your td cells (is IE only that works on table tag)

you also have empty tags (with contentbar.jpg as background), put a   in them

I'm using Opera6 and now the main problem is the contentbar.jpg image is doubling up and the top banner not hard on top margin
you also need to add another slash '/' in your image map link tags (you have http:/www...)

there is an extra after the first table, you've removed the start tag but missed the end one

things like your 1 pixel border wont do anything if there is nothing it in, minimum is   also missing it in nav and content table. there is a lot of empty td tags

They have: 238 posts

Joined: May 2002

Well I'll try those things and see what happens. No one ever told me that td cells got lonely with no content..

They have: 238 posts

Joined: May 2002

I added all the  's in and the same thing happened as in opera. The content bars doubled in height. I think i'll just have to recode the whole site. Nothing I try seems to be working..?

They have: 238 posts

Joined: May 2002

*Slaps self in head repetidly*

I found out what was causing the "problems".
The borders were being screwed up by this code: border-collapse:collapse" and the reason as to why the contentbars were to high is because of the cellpadding. IE isn't as strict, hence it took the height before the cellpadding. I've solved this by adding in a few more tables..

Thanks for your help everyone! Wink

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.