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. Quote Link to comment 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... Quote Link to comment 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. Quote Link to comment 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.