RE: [WSG] absolute positioned element not displaying where it should in FireFox
I believe everyone's been getting an error on that URL, that will teach me to make a change sent an email and leave. The URL should now be visible,my apologiesfor any wasted time. Kind regards, Taco Fleur Free Call 1800 032 982 or Mobile 0421 851 786Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development Accept online Credit Cardpayments www.commerceengine.com.au SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Taco FleurSent: Tuesday, 13 June 2006 3:58 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] absolute positioned element not displaying where it should in FireFox http://www.apartmentrealty.com.au/site/search/search-results.cfm The icons for bed, bath and parking do not display in the position they should in Firefox, they should be displayed in the grey table header on the right from Ipanema Luxury Apartment $650 pw It displays correct in IE, I can't figure out what it is. Any help is appreciated. Kind regards, Taco Fleur Free Call 1800 032 982 or Mobile 0421 851 786Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development Accept online Credit Cardpayments www.commerceengine.com.au SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! **The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor 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] absolute positioned element not displaying where it should in FireFox
Taco Fleur wrote
http://www.apartmentrealty.com.au/site/search/search-results.cfm
The icons for bed, bath and parking do not display in the position they
should in Firefox, they should be displayed in the grey table header on
the right
Hi Taco
Absolute positioning can throw up some nasty curveballs. May is may a
couple of alternative suggestions for display of your icons.
1 - If you wish to/need to keep the icons as images then float the
paragraph left and the div right, with a little padding:
#search-results table th div.legend {
float: right;
padding: 0 0.5em;
}
#search-results table th p {
float: left;
margin: 0;
padding: 0 0 0 6px;
font-size: 12px;
}
2 - If the icons are purely presentational then make up a set of
alternative backgrounds containing the combinations of possible icons,
apply a class to the paragraph and remove the div altogether:
#search-results table th p {
margin: 0;
padding: 0 0 0 6px;
font-size: 12px;
}
#search-results table th p.bedbathpark {
background: url('path/to/image/bedbathpark-icon') no-repeat
center right;
}
Regards
Scott Swabey
Design Development Director - Lafinboy Productions
www.lafinboy.com | www.thought-after.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] absolute positioned element not displaying where it should in FireFox
Hi Taco Fleur wrote on 13-06-2006: I was hoping for an explanation as to why it wasn't working (curious, looks like it's all correct and should work), as a last resort I will give your suggestions a go. Thanks for your help. I'd guess it to be something to do with your relative positioning of table cells as a means of controlling the contained absolute positioning of the icons. From the w3c http://www.w3.org/TR/CSS21/visuren.html on css 2.1 The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined. Best regards Rob ** 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] absolute positioned element not displaying where it should in FireFox
Thanks.. Kind regards, Taco Fleur Free Call 1800 032 982 or Mobile 0421 851 786 Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * Accept online Credit Card payments www.commerceengine.com.au * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of RobS Sent: Tuesday, 13 June 2006 8:51 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] absolute positioned element not displaying where it should in FireFox Hi Taco Fleur wrote on 13-06-2006: I was hoping for an explanation as to why it wasn't working (curious, looks like it's all correct and should work), as a last resort I will give your suggestions a go. Thanks for your help. I'd guess it to be something to do with your relative positioning of table cells as a means of controlling the contained absolute positioning of the icons. From the w3c http://www.w3.org/TR/CSS21/visuren.html on css 2.1 The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined. Best regards Rob ** 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 **
