co.ador Posted November 3, 2009 Share Posted November 3, 2009 .footer p{ position:relative; vertical-align:baseline; top:23px; left:0px; border:1px #000000 solid; background:#8B3E1D; color:#FACF96; width:auto; height:15px; background:#CC3300; } [if lt IE 7] .footer p{top:43px;} [endif] I need a top:23px; for Firefox, and top:43px; for IE7. is it alright the way I coded above? If have any suggestion please. Link to comment https://forums.phpfreaks.com/topic/180151-i-need-two-different-values-for-the-same-property-because-of-ie7/ Share on other sites More sharing options...
co.ador Posted November 3, 2009 Author Share Posted November 3, 2009 Right now I have a file called footer.php and i have the following simple code in it. <div class="footer"> <p><a href="../stores/index.php" > www.store1.com </a>Copyright (c)2009</p> </div> </body> </html> </body> </html> is that enough? is it now working that great. The CSS is .footer { position:relative; top:310px; height: 3.5em; background-image:url(../images/header.gif); clear:right; } .footer p{ position:relative; vertical-align:baseline; top:23px; left:0px; border:1px #000000 solid; background:#8B3E1D; color:#FACF96; width:auto; height:15px; background:#CC3300; } .footer p a{ color:#FACF96; margin-right:10px; } <!--[if lt IE 8]> <!--[endif]--> and another page called header.php <!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=utf-8" /> <link type="text/css" href="../stylesheets/webpageprueba.css" rel="stylesheet" media="all" /> <title>ShoesStore</title> <body> but it is not working that good because it is not displaying in the bottom of the page but behind the form... having some difficulties and I need some help in store.php I have added the files header.php and footer.php through the include function as below, is that ok? <?php include("../includes/header.php"); ?> <form action="example.php"> <fieldset class="primero"> <legend>Search For a store</legend> <fieldset> <legend>Postal Address</legend> <label for="street">Street address</label> <input id="street" name="street" type="text" /> <label for=" suburb">Suburb</label> <input id="suburb" name="suburb" type="text" /> <label for="state">State</label> <input id="state" name="state" type="text" /> <label for="postcode">Postcode</label> <input id="postcode" name="postcode" type="text" /> </fieldset> <fieldset class="tercero" style="border-color:#FFFFFF" > <legend>Services</legend> <ol> <li> <input type="checkbox" name="example" value="delivery" />Delivery<br /> <input type="checkbox" name="example" value="tv" />Tv<br /> <input type="checkbox" name="example" value="parking" />Parking<br /> </li></ol> </fieldset> </fieldset> <fieldset> <?php include("../includes/footer.php"); ?> I think the problem should be here <div class="footer"> <p><a href="../stores/index.php" > www.store1.com </a>Copyright (c)2009</p> </div> thank you gary hope that helps... Link to comment https://forums.phpfreaks.com/topic/180151-i-need-two-different-values-for-the-same-property-because-of-ie7/#findComment-950426 Share on other sites More sharing options...
haku Posted November 4, 2009 Share Posted November 4, 2009 You can use conditional comments to set separate styles for IE. Link to comment https://forums.phpfreaks.com/topic/180151-i-need-two-different-values-for-the-same-property-because-of-ie7/#findComment-950790 Share on other sites More sharing options...
Dorky Posted November 5, 2009 Share Posted November 5, 2009 or just specify the margin for the individual element. ie adds margins automatically and firefox does not. Link to comment https://forums.phpfreaks.com/topic/180151-i-need-two-different-values-for-the-same-property-because-of-ie7/#findComment-951820 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.