Hi Everyone, I have a website that I am designing and I am currently working on the style sheet. When I open the page with firefox everything looks good. However when I open the same page with IE it is all shrunk. Its because I have the divs set to have a minimum height which then allows the page to display properly. Unfortunately IE does not want to recognize the min-height property so it is only making the divs as big as the content that is in them, which severely screws up my design. I am using IE 9 if that is relevant. Any help is greatly appreciated, if you need me to post any of my code let me know. Thanks in Advance.
min-height works in IE9 so that's not the issue. But without the complete markup or a link, anything we can say would only be a wild guess. Here come the wild guesses---|
To avoid any wild guesses below is my css and php code <?php require_once('includes\connection.php'); require_once('includes\functions.php'); $public = TRUE; $CAL = FALSE ?> <?php /* *The following function finds if it is a Subject or a Sub_Subject and sets the type which is used in the editing pages * Gets the id for it * retireves the content and title for the type being used */ get_info(); ?> <html> <head> <title><?php echo $title; ?></title> <link href="css/styles.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen"> <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="js/hoverIntent.js"></script> <script type="text/javascript" src="js/superfish.js"></script> <script type="text/javascript"> // initialise plugins jQuery(function(){ jQuery('ul.sf-menu').superfish(); //This is the superfish menu plugin }); </script> </head> <body> <div class="containter"> <div class="top"> <div id="logo" align="left"> <img src="images/logo.png"> <h3>The <u>Best</u> Way to Water Your Lawn</h3> </div> <br/><br/><br/><br/><br/><br/> <div class="nav" align="center"> <?php nav($public); ?> </div> </div> <div class="maincontent"> <br/> <div class="mainleft"> <div class="leftTopImg"></div> <div class="leftBottomInfo"> <div class="leftBottomContent"> <div class="leftFiller"></div> <h3>Some Contact info goes here</h3> </div> <div class="leftBottomImg"></div> </div> </div> <div class="mainright"> <div class="rightFiller"></div> <?php echo $content; ?> </div> </div> </div> </body> </html> PHP: Thanks for the help.
Then you lost most of your audience cause many of us don't use PHP. And throwing jQuery in without the online link makes more work. Generated code only, please! And does this thing have a doctype? If not, there might be your problem. This is why an online version is a necessity in situations like this.
You were right about the doctype, that fixed every page except this one which I cant figure out. I generated the code below for you to look at. Unfortunately I do not have hosting for this site yet but I will see if I can grab a free sub-domain so that I can give an online link. <html> <head> <title>Book an Appointment</title> <link href="css/styles.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen"> <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="js/hoverIntent.js"></script> <script type="text/javascript" src="js/superfish.js"></script> <script type="text/javascript"> // initialise plugins jQuery(function(){ jQuery('ul.sf-menu').superfish(); //This is the superfish menu plugin }); </script> </head> <body> <div class="containter"> <div class="top"> <div id="logo" align="left"> <img src="images/logo.png"> <h3>The <u>Best</u> Way to Water Your Lawn</h3> </div> <br/><br/><br/><br/><br/><br/> <div class="nav" align="center"> <ul class="sf-menu"> <li> <a href="index.php?subj=1">Home</a> </li> <li> <a href="index.php?subj=2">Services</a> <ul> <li><a href="index.php?page=1">Irrigation</a></li> <li><a href="index.php?page=2">Lighting</a></li> </ul> </li> <li> <a href="index.php?subj=3">About Us</a> <ul> <li><a href="index.php?page=3">History</a></li> </ul> </li> <li> <a href="index.php?subj=4">Contact</a> </li> <li> <a href="calendar.php?action=none">Book an Appointment</a> </li> </ul> </div> </div> <div class="maincontent"> <br/> <div class="mainleft"> <div class="leftTopImg"></div> <div class="leftBottomInfo"> <div class="leftBottomContent"> <div class="leftFiller"></div> <h3>Some Contact info goes here</h3> </div> <div class="leftBottomImg"></div> </div> </div> <div class="mainright"> <div class="rightFiller"></div> <div class="cal_top"> <div class="log"><a href="calendar.php?action=login" class="top"><img src="images/login.gif"/></a></div> <h1 align="center">Book an Appointment</h1> </div> <table align="center" width="95%"><tr align="center"><td> <form action="calendar.php?action=date" method="POST"> <h3>Choose a date: <select name="month"> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6" selected="selected">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select name="day"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11" selected="selected">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="year"> <option value="2011" selected="selected">2011</option> <option value="2012">2012</option> </select> <input type="submit" value="Go" name="ToDate" /></h3> </form> </td></tr> <tr><td> <table border="2" width="100%"> <tr><th width="25%" align="center"><h2>Time</h2></th><th width="75%"><h2 align="center">Sat June 11, 2011</h2></th></tr> <tr><th width="25%">7:00am</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">8:00am</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">9:00am</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">10:00am</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">11:00am</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">12:00pm</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">1:00pm</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">2:00pm</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">3:00pm</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">4:00pm</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">5:00pm</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> <tr><th width="25%">6:00pm</th><th width="75%"><a href="calendar.php?action=book" class="book">Click to Book Appointment Now</a></th></tr> </table> </td></tr> </table> </div> </div> </div> </body> </html> Code (markup): The parts that are not properly formatted are generated from the php. Thanks for the help.
Nevermind, I just forgot to put the doctype on that page also. So its all working now for me. Thanks a ton man