5 replies [Last post]
KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 12 years 25 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

As you can see, I'm having problems items spilling out of a div. I realize the issue is due to a <table width="100%" ... but the problem is that (in this particular instance) the html is deeply embedded in a photo album script. Instead of digging through the multiple files for this script and editing every instance of width="100%", is there a way to convince my div to play nice with a table width of 100%?

I've attached my CSS...

Thanks in advance

Diplomacy is the art of letting someone have your way

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 15 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Table width=100% causing problems

Hi KnightWolfJK,
It looks fine in Netscape 7, so it could be just ie rendering in quirks mode.
Try adding a valid doctype, Opps just had another look while thinking what to write.
You do have a doctype but it is in the body of one of the two html documents.

Quote:
<html>
<head>
<title>PlanetJK Photo Albums</title>
<link rel="stylesheet" type="text/css" href="http://vice.planetjk.com/scrip/gallery/css/embedded_style.css.default">
<link rel="stylesheet" type="text/css" href="http://vice.planetjk.com/scrip/gallery/css/standalone_style.css.default"> </head>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

Should be something like
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html> 
 <head> 
  <title>PlanetJK Photo Albums</title> 
  <link rel="stylesheet" type="text/css" href="http://vice.planetjk.com/scrip/gallery/css/embedded_style.css.default"> 
<link rel="stylesheet" type="text/css" href="http://vice.planetjk.com/scrip/gallery/css/standalone_style.css.default">  </head> 
<body> 

Hope that helps

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 12 years 25 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Table width=100% causing problems

Thanks Tony... I keep forgetting about the importance of the doctype. It's tucked in the body because I'm still trying to work out which file goes where in this script- I didn't realize until now that I had the doctype in the wrong file. (I'm using gallery, an on-the-fly PHP photo album, so the page is generated from a series of includes).

Thanks again, I'll do some more testing tonight.

Diplomacy is the art of letting someone have your way

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 12 years 25 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Still having problems

Well, I fixed the doctype and some other minor issues... Alas, as indicated by this BrowserCam project, I'm still having problems on IE6 and IE5.5. Anyone have any tips? Here's a link as well

Diplomacy is the art of letting someone have your way

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 12 years 25 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Table width=100% causing problems

Minor Update: Setting the table width to 99% has fixed the problem in IE6, but still no luck with IE5.5 or IE5. Anyone?

Diplomacy is the art of letting someone have your way

sshamsud
Offline
newbie
Last seen: 10 years 37 weeks ago
Joined: 2009-03-25
Posts: 1
Points: 0

its working fine

just include

before the table

so, it will look like

content