[RESOLVED] Resizing of tables

Niel_Roos

So I have this page on a dev server that I have to fix: http://pi.dynalias.net:4092

There is something really weird on this page. Click on the "login" link on the left and then click on "register" link. If you look carefully you will see the links on the left move around. If you are on the "Register" page and move over to the "Login" page you will notice the links move a bit to the right.

Now both of those pages' are generated by php code, but the the difference is that the "Register" page's php code produces tables. The "Our Prices" page also produces tables from the php code and it pushes the links to the left as well.

Thanks

Niel_Roos

Oh yeah I forgot... haha. My question is, "How can I stop these tables from resizing automatically?"

I have tried pretty much everything. Most peopel say I should put in fixed cell sizes, which I did. It didn't help.

Niel_Roos

All right, I see now. I the php code on the login page produces tables in the content area as well. So I really don't know now. The Image on the index.html page which you see when you open the page for the first page is even worse. It pushes the links on the left even further away!

cretaceous

the standard hack for this is put in a transparent gif (also called spacer or shim gif) in an extra row of table cells - they will then force the widths

amend width value as needed

it's a hack and takes you back to web build practice of ten years ago

bradgrafelman

Thread moved to ClientSide Technologies forum.

Niel_Roos

I have heard of this hack. How does cms's like Wordpress do it though? You never see their content tables push the links around on the right hand side 🙂.

But yeah, thanks. I will test this tomorrow. Should I put the transparent spacers above my links bar and the content area?

bradgrafelman

While I can't access the link above (port is blocked by corporate firewall), if you're using <table>'s for design/layout purposes (and not for displaying tabular data), then there's your problem right there.

Try using HTML/CSS instead and drop bad design habits coming from the 90's. :p