Re: [WSG] Firefox caption madness
On 10/11/05, Jake Badger [EMAIL PROTECTED] wrote: I'm getting a weird problem when I try and absolutely position somethingin a table caption. It all works fine in IE, but in Firefox if I try thepage below the caption is only as wide as the first cell in the table. If I remove the display:block; on the caption then the caption isthe full width of the table but the absolutely positioned em elementis in the top left of the page rather than of the caption element. Any one have any ideas on what's going on here?Does the caption need position:relative? That's usually what's necessary to have a child stay inside.-- - C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
Re: [WSG] Firefox caption madness
It already has it, but firefox ignores it if the display isn't block, and if it is it's only as wide as the first cell of the table (as I just said). On 11/10/2005, Christian Montoya [EMAIL PROTECTED] wrote: On 10/11/05, Jake Badger [EMAIL PROTECTED] wrote: I'm getting a weird problem when I try and absolutely position something in a table caption. It all works fine in IE, but in Firefox if I try the page below the caption is only as wide as the first cell in the table. If I remove the display:block; on the caption then the caption is the full width of the table but the absolutely positioned em element is in the top left of the page rather than of the caption element. Any one have any ideas on what's going on here? Does the caption need position:relative? That's usually what's necessary to have a child stay inside. -- - C Montoya rdpdesign.com http://rdpdesign.com ... liquid.rdpdesign.comhttp://liquid.rdpdesign.com... montoya.rdpdesign.com http://montoya.rdpdesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Firefox caption madness
G'day I'm getting a weird problem when I try and absolutely position something in a table caption. ... captionh5emTable 3.1/em Performance results:/h5 Have you tried validating the (x)html? A caption can only contain inline elements and h5 is a block level element. It's possible your problems stem (at least in part) from this invalid coding. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Firefox caption madness
Hmm, you're right it's not valid. However even if I change it to an inline element (I tried cite and del) exactly the same problems happen, so that's not it. On 11/10/2005, Bert Doorn [EMAIL PROTECTED] wrote: G'day I'm getting a weird problem when I try and absolutely position something in a table caption. ... captionh5emTable 3.1/em Performance results:/h5 Have you tried validating the (x)html? A caption can only contain inline elements and h5 is a block level element. It's possible your problems stem (at least in part) from this invalid coding. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Firefox caption madness
On 11 Oct 2005, at 3:49 pm, Jake Badger wrote: It already has it, but firefox ignores it if the display isn't block, and if it is it's only as wide as the first cell of the table (as I just said). If you set the display value for the caption to 'block', then it is not a 'table-caption' [1] anymore..., and Firefox, Opera, Safari do display it wherever they feel like, still part of the table anonymous block, but they'll attempt to build a tr/td around it according to the rules in 17.2 [2]. Next, if you want to positioning something absolute within the table-block, you'll bump into an old Gecko bug, where a table-element cannot act as a 'nearest positioned ancestor' for the AP element [3]. Plus, a table caption cannot contain block level elements (your h5). [1] default display-value for caption [2] http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes [3] https://bugzilla.mozilla.org/show_bug.cgi?id=63895 Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Firefox caption madness
I'm getting a weird problem when I try and absolutely position something
in a table caption. It all works fine in IE, but in Firefox if I try the
page below the caption is only as wide as the first cell in the table.
If I remove the display:block; on the caption then the caption is
the full width of the table but the absolutely positioned em element
is in the top left of the page rather than of the caption element. Any
one have any ideas on what's going on here?
Jake
!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
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleAnnual Report/title
style type=text/css
!--
caption {
text-align:left;
margin:0;
padding:0 0 0 45px;
position:relative;
width:535px;
Display:block;
}
caption h5 em {
position:absolute;
left:0;
top:0;
width:40px;
height:40px;
color:#FFF;
text-align:center;
display:block;
background-color:#111;
font-style:normal;
font-size:x-small;
padding:2px;
}
/style
/head
body
table border=1 cellpadding=0
cellspacing=0captionh5emTable 3.1/em Performance
results:/h5 strongPerformance indicators and actual
performance:/strong
processing responses to ministerial correspondence, 2003ndash;04 and
2004ndash;05/caption
tr
th valign=toppstrong nbsp;/strong/p/th
th valign=toppstrong nbsp;/strong/p/th
th colspan=2 valign=topp align=centerstrongResult
/strong/p/th
/tr
tr
th valign=toppstrongPerformance indicator /strong/p/th
th valign=topp align=rightstrongTarget
/strong/p/th
th valign=topp align=rightstrong2003ndash;04
/strong/p/th
th valign=topp align=rightstrong2004ndash;05
/strong/p/th
/tr/table
/body/html
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
