Jumping tables?

Sp00n

Sp00n

Sp00n

Soldato
Joined
18 Oct 2002
Posts
18,296
Location
Brighton
I'm building up a site for a friend of mine and i've come across this really weird problem.

There is a central table which is a fixed 750px wide and 100% tall but some of the pages jumped the table a couple pixels right and some are fine, maybe its just firefox but its a really weird issue and i can't see any differences in the code to cause this!!

The site: http://tai.sp00ny.co.uk/

Anybody throw up some ideas please?!?!? :D
 
Sp00n said:
I'm building up a site for a friend of mine and i've come across this really weird problem.

There is a central table which is a fixed 750px wide and 100% tall but some of the pages jumped the table a couple pixels right and some are fine, maybe its just firefox but its a really weird issue and i can't see any differences in the code to cause this!!

The site: http://tai.sp00ny.co.uk/

Anybody throw up some ideas please?!?!? :D
Click to expand...

I'm having the exact same problem in the coding for a website I'm making - no explaination for it either. Although I haven't tried it in IE as of yet.
 
Yea IE doesn't seem to have any issues with it, it's just firefox from my end but i can't see what on earth is causing it!
 
Sp00n said:
Yea IE doesn't seem to have any issues with it, it's just firefox from my end but i can't see what on earth is causing it!
Click to expand...

I run over my code a couple of times (between pages) and couldn't find a single difference between the two.

I'm not even sure how you would go about resolving it, to work in Firefox.
 
Your problem is the scroll bar on the right.
Firefox as standard hides the scrollbar when not needed, but on longer pages it is present, meaning the page is now not as wide and the middle has moved to the left a little.
IE on the other hand always shows a scroll bar so the page never changes width.

Ric.
 
In short you cannot fix this behaviour, at least not satisfactorily to my mind.

You can add:
html { min-height: 100%; margin-bottom: 1px; }

This will force one as there is always 1px to be scrolled to and will work across all browsers, but you have an unnecessecary 1px scroll :p

Alternatively add:
html { overflow: -moz-scrollbars-vertical; }

This only effects firefox and will not fix the problem outside firefox (i.e. opera and other browsers except IE which is fine already). Also it disables the horizontal scroll completely in firefox.

So you can't really fix it, but you can bodge it, personally live with it or don't use tables :)

Ric.
 
What would i use instead of tables?

Sorry to sound dumb but i'm only just getting back in to doing some web stuff.
 
This should inspire you to embrace the power of CSS, it certainly did for me.
http://www.csszengarden.com/

To have a quick read just try googling, "Tableless layout" and/or CSS and have a read. There was a really good site I was reading the other day but can't remember it :/.
There is is loads of information out there so just keep looking till you find a tutorial you like.

Ric.

edit: Not found that site, but found a useful one it linked to, http://www.glish.com/css/. I haven't used the code it provides but it looks quite handy - that was googling "CSS layout"
 
Last edited:
Aslong as your happy john, thats all i care about
love2.gif
:D
 
It's all got very emotional...

Is CSS available with a preview mode - or is it all just pure coding?

I find it very handy with DW that I can see both the coding and preview of what I'm playing at - even if it is with HTML.
 
You must log in or register to reply here.
Back
Top Bottom