Hi Scott,

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.


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: [email protected] [mailto:[EMAIL PROTECTED]
On Behalf Of Scott Swabey
Sent: Tuesday, 13 June 2006 5:42 PM
To: [email protected]
Subject: 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
******************************************************





******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to