CSS: table too wide for screen.

Hi experts,

Can anyone tell me why the table is exceeding the width of my screen please?  and just as importantly, how to correct it!

http://www.fobgfc.org/sqedit_03A.php

CSS files attached.

Ta,

  Col
admin.css
players-table.css
LVL 3
colinspursAsked:
Who is Participating?
 
Beverley PortlockConnect With a Mentor Commented:
From comparing the screens the big difference is the sort up/down arrows in each header. These are 20px wide and there are 12 of them so your screen is now 20x12 = 240px wider than it was

That's why it used to fit on a 1024px screen and why it easily fits on my larger screen (1280px).
0
 
pdd1lanCommented:
look like your table' s width has set for 100%

table.display {
      margin: 0 auto;
      clear: both;
      width: 100%;

}

you might need to adjust your table width to the size that you need.
0
 
Beverley PortlockCommented:
What size is your screen? It fits OK on mine in both IE and FF
0
Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

 
colinspursAuthor Commented:
Hi, thanks for responding.  As usual, I didn't give all the story.

I'm using 1024 x 768.

Here's the page as it was before I brought in datatables and its attendant floating divs and CSS file, so something in there has upset it but I can't work out what it is.

http://www.fobgfc.org/EE2.php 
0
 
colinspursAuthor Commented:
Ah!  That will be it.

I'll see if I can abbreviate the column headings.

Thanks.

0
 
colinspursAuthor Commented:
Blimey talk about "can't see the wood for the trees"!

Thanks again.
0
 
Beverley PortlockCommented:
You're welcome...

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.