i spotted this in the css
div#thumbnailheaders dt dd {float:right; width:100px;}
should'nt it be
div#thumbnailheaders dl dd {float:right; width:100px;}
atb>Sam
Rachel Radford wrote:
There are many ways of making a css rule so that different browsers see it
differently (do a google search for css filters...) but the way I do it
would be like this:
div#maincontent_image{/*used as a holder and placement for main images which
appear on a page*/
float:left;
width:214px;
height:366px;
border-right:1px solid #333;
margin:0 1.5em 0 0;/*top margin for IE*/
background-color:#363;
}
div#maincontent>div#maincontent_image{/*for FF*/
margin-top:-1.14em;
}
Because IE doesn't understand the > child selector so it will ignore that
rule.
It's looking mint in FF! Good work!!
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Bruce Gilbert
Sent: Friday, 5 August 2005 10:25 a.m.
To: [email protected]
Subject: Re: [WSG] a few more issues with page layout with definition list
On 8/4/05, Rachel Radford <[EMAIL PROTECTED]> wrote:
Hi Bruce,
It's looking good but quite different between FF and IE...
Try putting a negative top margin on the image with the hand and key...
that
should fix that problem for Firefox. But you might need to make it
conditional so that IE 6 won't do it too. From a design point of view
perhaps a background colour on the div id="maincontent_image" so that you
don't get the green colour below the image and so you create a visual
column??
Hey Rachel and group,
thanks for the tip about the neg. margin. Looks good in FF now but it
did mess up IE. What would a conditional statement for IE 6 consist
of?
here is the CSS in question:
div#maincontent_image{/*used as a holder and placement for main images
which appear on a page*/
float:left;
width:214px;
height:366px;
border-right:1px solid #333;
margin:-1.14em 1.5em 0 0;
background-color:#363;
}
http://www.wealthdevelopmentmortgage.com/test/test_file_home.htm
http://www.wealthdevelopmentmortgage.com/test/WDM.css
******************************************************
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
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
