1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

IE not reading properties right

Discussion in 'CSS' started by j_o, Jun 10, 2011.

  1. #1
    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.
     
    j_o, Jun 10, 2011 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    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---|
     
    drhowarddrfine, Jun 10, 2011 IP
  3. j_o

    j_o Well-Known Member

    Messages:
    516
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    113
    #3
    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.
     
    j_o, Jun 10, 2011 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    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.
     
    drhowarddrfine, Jun 10, 2011 IP
    j_o likes this.
  5. j_o

    j_o Well-Known Member

    Messages:
    516
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    113
    #5
    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.
     
    j_o, Jun 11, 2011 IP
  6. j_o

    j_o Well-Known Member

    Messages:
    516
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    113
    #6
    Nevermind, I just forgot to put the doctype on that page also. So its all working now for me. Thanks a ton man
     
    j_o, Jun 11, 2011 IP