css divs overlapping in IE8 and if logged in with tablet / netbook /diff size screans

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • surbhi
    New Member
    • Dec 2011
    • 1

    css divs overlapping in IE8 and if logged in with tablet / netbook /diff size screans

    hi,
    I am trying to develop a web site. its looking fine in crome in my lappy only... but when i change the desktop or browser the divs are overlapping...

    .header_box
    {
    position:absolu te;
    top:0%;
    left:10%;
    right:10%;
    width:80%;
    height:20%;
    }
    .header_left_bo x{

    float:left;
    width:20%;
    height:28%;
    top:29%;
    bottom:10%;
    border:thin #000000;
    background-image:url(image s/MGurujeeLogo.gi f);
    left:2%;
    }
    .header_2_right {

    float:right;
    padding:0px;
    height:15%;
    width:20%;
    border:thin #000000;
    right:2%;
    top:-10%;
    }
    .search
    {
    position:absolu te;
    width:45%;
    left:33%;
    border:thin #000000;
    top:2px;

    }
    .header_go{
    position:relati ve;
    background-image:url(image s/go.jpg);
    left:151px;
    height:16px;
    top: 4px;
    width:20px;
    }

    .header_1{
    position:absolu te;
    top:22%;
    width:15%;
    height:90%;
    border:thin #000000;
    left:10%;
    }
    .header_2{
    position:relati ve;
    width:100%;
    height:4%;
    border:thin #000000;
    top:8%;
    }
    .ccenter_box{
    position:absolu te;
    width:50%;
    height:90%;
    border:thin #FF0066;
    left:25%;
    top:22%;
    }




    ----------------------php code---------------

    <div class="header_b ox" style="border:1 px solid #000000">
    <div class="header_t op_marquee">
    <marquee direction="righ t" scrollamount="1 0" scrolldelay="1" width="30%" height="5%">A FLASH WILL BE INSERTED AT THIS PORTION</marquee>
    </div>
    <div class="header_l eft_box"></div>
    <?php if($_SESSION['loggedin']===true){?>
    <div class="header_2 _right"><br /> <br />
    <div>Hello <?php echo $_SESSION['username'];?> | <a href="index.php "> Logout</a></div>
    <?php session_destroy (); ?>
    </div>
    <?php }else{ ?>
    <div class="header_2 _right">
    <form name="loginform " action="index.p hp" method="post">
    <h5>Username<in put type="text" name="login_use rname" value='<?php $_POST[login_username]?>' size="15"/>
    <br/>
    Password
    <input type="password" name="login_pas sword" value='<?php $_POST[login_password]?>' size="15"/>
    <br />
    <center><inpu t type="submit" name="login" value="sign in" />
    <br />
    <a href="javascrip t:void(0);" onclick="PopupC enter('forgotpa ssword.php', 'myPop1',400,16 0,200,400);">fo rgot password?</a><br />
    <a href="javascrip t:void(0);" onclick="PopupC enter('new_user .php', 'myPop1',500,50 0);">new user?</a></center>
    </h5>
    </form>
    </div>
    <?php } ?>

    </div>
    <div class="orange"> </div>
    <div class="header_1 " style="border:1 px solid #000000">
    <div class="find_us_ on">
    <br />
    &nbsp;<a href="http://www.facebook.co m/pages/Mospay-Infotech-I-Pvt-Ltd/195798610477302 " target="_blank" ><img src="images/facebook.png" alt="facebook" width="25" height="25" /></a>
    <a href="https://twitter.com/#!/mospayinfotech" target="_blank" >
    <img src="images/twitter.png" alt="tweet us at" width="25" height="25" /></a>
    <a href="" target="_blank" ><img src="images/email us at.jpg" alt="Email us at" width="25" height="25" /></a>
    <a href="http://www.linkedin.co m/company/657686?goback=% 2Efcs_GLHD_MosP ay+_false_*2_*2 _*2_*2_*2_*2_*2 _*2_*2_*2_*2_*2 &trk=ncsrch_hit s" target="_blank" >
    <img src="images/linkedin.png" alt="linkedin" width="25" height="25" /></a>

    <img src="images/faq.jpg" alt="linkedin" width="25" height="25"></p>
    </div>

    <div class="home_cat _fav">
    <table width="99%" height="65" id="tableid">
    <tr width="99%" align="center" bgcolor="#00339 9"> <td height="20" ><a href="index.php "><font color="#ffffff" >
    HOME</font></a></td> </tr>
    <tr width="99%" align="center" bgcolor="#00339 9"> <td height="20"><a href="categorie s.php"><font color="#ffffff" >
    CATEGORIES</font></a></td> </tr>
    <tr width="99%" align="center" bgcolor="#00339 9"> <td height="20"><fo nt color="#ffffff" >
    FAVORITE APPS</font></td> </tr></font>
    </table>
    </div>
    <div class="div_feed backform" style="backgrou nd-color:#003366">
    <form name="feedback" action="index.p hp" method="post">
    <table width="100%" border="0" align="left" cellpadding="1" cellspacing="1" >
    <tr>
    <td align="left" width="30%"><fo nt color="#FFFFFF" size="-1">User Name:</font></td>
    <td>
    <input type="text" size="11" value="" name="user_name " /></td>
    </tr>

    <tr>
    <td align="left" width="50%"><fo nt color="#FFFFFF" size="-1">Email:</font> </td>
    <td >
    <input type="text" size="11" value="" name="email" /></td>
    </tr>
    <tr>
    <td align="left" valign="top"><f ont color="#FFFFFF" size="-1">Comments: </font> </td>
    <td><textarea rows="4" cols="10" name="comments" ></textarea></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr> </table>
    <input type="submit" name="feed_back " value="submit" />&nbsp;<input type="button" name="close" value="Close Window" onclick="javasc ript:window.clo se();" /> </form>
    </div>
    <p class="feedback ">
    <font color="#FFFFFF" >FEEDBACK</font> </p>
    </div>
    <div class="right_di v" style="border:1 px solid #000000">
    <img src="surbhi/images/featured_produc t_03.jpg" width="100%" height="50%" />
    <p>ADVERTISME NT GOES HERE</p>
    </div>

    <div class="ccenter_ box" style="border:1 px solid #000000">
    <div class="search">
    <form name="search" method="post" action="index.p hp">
    <input type="text" class="defaultT ext" title="search apps here" name="search_ap ps_here"/>
    <input type="submit" name="go" value="go" />
    </form>
    <?php
    mysql_select_db ("mospay", $conn);
    if($_REQUEST['go'] == 'go')
    {
    $searched_item= $_REQUEST[search_apps_her e];
    echo $searched_item; //working
    echo "<div class='apps'>";
    $sql="SELECT application_nam e FROM applications WHERE application_nam e LIKE '$searched_item '";
    $result=mysql_q uery($sql,$conn ) or die(mysql_error ());
    $row = mysql_fetch_ass oc($result);
    do
    {
    $_SESSION[$i] = mysql_fetch_arr ay($result);

    echo "<ul>";
    echo "<li>" .$_SESSION[$i][0] . "</li>";
    echo "</ul>";

    } while(mysql_num _rows($result)> =$i++);


    echo "</div>";
    }
    ?>
    </div>
    <div class="header_2 ">
    <table width="100%" height="36" border="1px" id="tableid">
    <tr>
    <td bgcolor="#00006 6" width="100%" height="30" align="center"> <font color="#FFFFFF" >FEATURED 10</font> </td>
    <!-- <td width="189"></td>
    <td width="189" align="right"></td>
    <td width="189">&nb sp;</td> -->
    </tr>
    </table>

    </div>
    <?php
    echo "<div class='apps'>";
    $sql="SELECT application_nam e FROM applications WHERE size=10 ";
    $result=mysql_q uery($sql,$conn ) or die(mysql_error ());
    $i=0;
    do
    {
    $_SESSION[$i] = mysql_fetch_arr ay($result);
    //echo $_SESSION[$i][0];
    echo "<ul>";
    echo "<li>" .$_SESSION[$i][0] . "</li>";
    echo "</ul>";
    $i++;

    } while(mysql_num _rows($result)> =$i++);
    /*do{
    echo "<li>" .$_SESSION[$i][0] . "</li>";
    $i++;
    }while($_SESSIO N[$i][0]!=NULL);
    echo "</ul>";*/
    echo "</div>";
    ?>
    </div>
    <div class="orange2" ></div>
    <div class="footer">

    **<a href=""> Home </a> &nbsp; | &nbsp;
    <a href="privacy_p olicy.php" >Privacy policy </a> &nbsp; | &nbsp;
    <a href="" > Terms and conditions </a> &nbsp; | &nbsp;
    <a href=""> Become a partner </a>
    <div id="copyright"> Copyright © 2012 <a href=""> MguruJee.com </a></div>
    </div>
    </body>
    </html>
Working...