2 replies [Last post]
eyeronik
Offline
newbie
Last seen: 17 years 39 weeks ago
Joined: 2004-11-12
Posts: 2
Points: 0

Im doing a project at college so excuse the shoddy nature. I wont have to make it compliant with other browsers but I dont like the way its not. It all stems from the centering layers problem and Ive had a lot of trouble (redone this several times, spent hours on it). I know you can use javascript to center layers easily with dreamweaver (with an extension) but I wanted to code it properly. However its been a huge challenge for me since this is my first CSS site and it works and is 100% css and html comp, but its totally wrong in opera! I dont have enough time to start again, but is there any small fixes?

http://homepage.ntlworld.com/spensley/final/site/index_final2.htm

Also can people try other browsers as im sure itll be buggered in them too. Sad

rck
Offline
Enthusiast
Last seen: 15 years 25 weeks ago
Joined: 2004-09-26
Posts: 75
Points: 0

Re: Sites totally borked in Opera and prolly others

eyeronik wrote:
Also can people try other browsers as im sure itll be buggered in them too. Sad

Tried it in FireFox 1, Opera 7.51, Internet Explorer 5, Internet Explorer 5.5 and Internet Explorer 6. Each renders it differently.

I suppose, you'd want to have the IE 6 version of it, it's the one I'd prefer...

The nesting of your boxes doesn't work out. Did you read about the box model hack yet? I'm not experienced enough regarding css to be sure that will help, still it might be worth a try.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Sites totally borked in Opera and prolly others

eyeronik,
At the moment this layout breaks badly in Firefox and most likely any other compliant browser.

I would have a look at the #srcn div that your using as it is the main culprit for the problems your seeing, you may want to check out some guides on min- height/ height 100%

mezzoblue Min-height fixed

Quirksmode 100% height

Be careful with your floats it looks like your playing with fire, there are a lot of them and your using quite a bit of margining both negative and positive.

Try to always code in a browser like FF as you will have far less to fix up; IE has given you a false sense of security, remember that it breaks a lot of layout rules esp with regard to containing floats.

In the html there are some errors where you are specifying bgcolors
without the # before them.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me