john-iom Posted April 28, 2007 Share Posted April 28, 2007 Hey, I made a website and css rules and it all works. But i have a bug which is that my menu,content,sponsor bit has a big space betwen that and my copyright and i dont know how to fix that. Below is my css code and the website code itself. body { margin: 0px; padding: 0px; cursor :url(cursor3.cur); } #fixedwidth{ position:relative; width:1024px; z-index:1; background-color:#006666; cursor :url(cursor3.cur); } input { font-family : trebuchet MS, Arial, san-serif; font-size: 12px; background-color: #4f80df; color: #ffffff; font-weight: normal; cursor :url(cursor3.cur); } #banner { height:123px; background-color: #FF0066; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; cursor :url(cursor3.cur); background-image: url(images/banner.jpg); background-repeat:repeat-x; width:1255px; } #guestInfo { position: relative; height: 135px; background-color: #4f80df; border: thin solid #000000; cursor :url(cursor3.cur); font-size:17px; } #menu { width: 170px; height: 210px; float: left; background-color: #FFFFCE; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-right-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; cursor :url(cursor3.cur); } #sponsors { width: 170px; height: 210px; float: right; background-color:#FFFFCE; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; cursor :url(cursor3.cur); font-family: trebuchet MS, Arial, san-seri; text-align: center; } #mainContent { background-color: #CCCCCC; margin-left: 0px; margin-right: 0px; height: 210px; cursor :url(cursor3.cur); font-size:14px; color:#000000; text-align:center; } #copyright { clear: both; background-color: #4A82DE; cursor :url(cursor3.cur); text-align: center; font-size: 14px; } #welcomebox { background-color:#4f80df; position: absolute; top: 5px; left: 5px; border: thin solid #000000; cursor :url(cursor3.cur); color:#FFFFFF; font-weight:bold; width:250px; height:120px; text-align:center; } .forgotpassword { font-size: small; } #loginForm { position: absolute; right: 5px; top: 5px; width: 280px; padding: 0px; background-color: #FFFFCC; border: 1px solid #000000; cursor :url(cursor3.cur); } fieldset { font-size: x-small; padding-top: 0px; margin-top: 0px; cursor :url(cursor3.cur); } div.row label { float: left; width: 80px; text-align: right; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: x-small; cursor :url(cursor3.cur); } div.row input { height:1.5em; font-size: x-small; cursor :url(cursor3.cur); } <!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=iso-8859-1" /> <title>Untitled Document</title> <script language="JavaScript" type="text/JavaScript"> <!-- function Form(fldLogin, fldPassword) { // check for empty field if (fldLogin.value == "") { alert("You Must Enter Your User Name"); fldLogin.focus(); return false; } // check for empty field else if (fldPassword.value == "") { alert("You Must Enter Your Password"); fldPassword.focus(); return false; } else { return true; // validation ok } } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <link href="css.css" rel="stylesheet" type="text/css"> <body> <div id"fixedwidth"> <div id="banner"></div> <div id="guestInfo"> <div id="welcomebox"> <p>Welcome Guest </p> <p align="center"> The Time Is: <?php print date("H.i A"); ?></p> <p align="center">Today Date Is: <?php echo date("d/m/y"); ?></p> </div> <form action="" id="loginForm" method="get" name"customer_login" onsubmit="return Form(this.name_fld, this.password_fld);"> <fieldset> <legend>Log in</legend> <div class="row"> <label for="name_fld">User name: </label> <input class="field" name="name_fld" type="text" id="name_fld" size="25" /> </div> <div class="row"> <label for="password_fld">Password: </label> <input class="field" name="password_fld" type="text" id="password_fld" size="25" /> </div> <div align="center"> <input name="cmdLogin" type="submit" id="cmdLogin" value="Login"/> </div> <div align="center" class="forgotpassword">Forgotten password </div> </fieldset> </form> <p> </p> <p> </p> </div> <div id="menu"> <p>menu</p> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td>Home</td> </tr> <tr> <td>Register Account </td> </tr> <tr> <td>View Account Details </td> </tr> <tr> <td>PC Computer Products </td> </tr> <tr> <td>Network Products </td> </tr> <tr> <td>Links</td> </tr> <tr> <td>Contact</td> </tr> </table> </div> <div id="sponsors"> <p>sponsors</p> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td>Roll Over 1 </td> </tr> <tr> <td>Roll Over 2 </td> </tr> </table> </div> <div id="mainContent"> </div> <div id="copyright"> <p>Copyright</p> <p>2007 - 2009 </p> </div> </div> </body> </html> Could anyone help me try get rid this bug please? Link to comment https://forums.phpfreaks.com/topic/49071-css-problem/ Share on other sites More sharing options...
john-iom Posted April 28, 2007 Author Share Posted April 28, 2007 Anyone got any ideas? I could be wrong but is it cos of the div tags? Link to comment https://forums.phpfreaks.com/topic/49071-css-problem/#findComment-240680 Share on other sites More sharing options...
john-iom Posted April 29, 2007 Author Share Posted April 29, 2007 anyone??, or does no one understand what I mean? Link to comment https://forums.phpfreaks.com/topic/49071-css-problem/#findComment-241065 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.