/    Sign up×
Community /Pin to ProfileBookmark

Table inside a DIV – too wide

Not sure if I posted this to the correct forum, but I didn’t want to cross post.
I have a table inside my main content DIV, but it seems to be stretching too far to the right, requiring scroll bars to read the right column contents. I have tried playing with the table/column width percents, but can’t get it looking right for all screen sizes. The client wants this to look best in 800*600 resolution and still look good in higher resolutions. Everything I have tried either word wraps the 1st name column or right scrolls to see the 2nd details column. This site is ready to go live, accept for this issue. Any help / suggestions would be appreciated.
Problem exists on these 2 pages, only these two use the table inside a DIV.
[url]http://www.adapsys.ca/test/aboutOicr_Board.htm[/url]
[url]http://www.adapsys.ca/test/aboutOicr_Scientific.htm[/url]

Thanks
Mike

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@ray326Jun 06.2006 — Start by putting a valid doctype on it. It looks ok in Firefox.
Copy linkTweet thisAlerts:
@mcherneckiauthorJun 06.2006 — I put the doctype back in, doesn't make any difference. This problem occurs in Windows IE6. works great in Safari and Firefox.

http://www.adapsys.ca/test/aboutOicr_Board2.htm has doctype included

http://www.adapsys.ca/test/aboutOicr_Board.htm has no doctype

Also, when I put the doctype back in, my image surrounding my search break aprt and looks bad, havn't been able to solve that one, other than removing the doctype.

Mike
Copy linkTweet thisAlerts:
@ray326Jun 06.2006 — I don't see a doctype on either page so I can't comment.
Copy linkTweet thisAlerts:
@mcherneckiauthorJun 06.2006 — I just added

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"> to http://www.adapsys.ca/test/aboutOicr_Board2.htm. View source confirms it on my end.

Mike
Copy linkTweet thisAlerts:
@tw56Jun 06.2006 — I just checked and it was working. I was going to suggest the % width but looks like you got it.
Copy linkTweet thisAlerts:
@mcherneckiauthorJun 06.2006 — That fixed it. Thanks ray326
×

Success!

Help @mchernecki spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...