css help [Archive] - Web Hosting Talk

Scorpz

12-18-2008, 05:54 AM

css help

http://www.diemuthafuka.com/test
in the above web page - for modifying the css only - i need to have the image only 1 pixel further to the right for browsers: firefox 3, ie6, and opera 9, while keeping its position in ie7. thanks
edit: oh and i want to keep these styles: "margin: 0 auto;width: 666px; height: 666px; background: red;" and "position: absolute; left: 50%;"
web page code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<div style="margin: 0 auto;width: 666px; height: 666px; background: red;">
<div style="position: absolute; left: 50%; padding-left: 3px;margin-left:79px;"><iMg src="http://screenshots.filesnetwork.com/31/potd/1110110651.jpg"width="250" height="175" /></div>
</div>

Last edited by Scorpz : 12-18-2008 at 05:01 AM.

Memidex

12-19-2008, 06:31 PM

You can use "" (without quotes) to add CSS information specific to IE 7 (where "..." is you CSS code or a link to an IE specific style sheet. Non-IE browsers will ignore this as a comment. You can specify different IE versions (e.g., "[if IE 6]" or all IE versions (i.e., "[if IE]").
For example, my home page uses the following code:

If you put this style information last, it will override any previous settings only for the IE versions you specified.
I hope this helps.