Problems with CSS Footer Div

Problems with CSS
I am building a new page for my company. I am trying to place the Div Footer at the bottom of the screen. I have placed (i believe) the appropriate information for the CSS.
The problem is when i minimize the browser the Footer section never leaves the screen and hovers over the other div tags. When I shrink the browser to its maximum the divs fall on top of each other.
What I would like to know is how to make the Footer div below hide like the other divs but remain at the bottom of the page instead of hovering over the other divs. I have read that I should not apply fixed divs.... is that correct?
I have applied to the current CSS to the below web page: http://trbla.com/sample.html
#rhythm {
width: 607px;
margin-top: 300px;
margin-right: auto;
margin-left: auto;
*img {
border: 0;
#rhythm #goldr {
width: 215px;
float: left;
border: 0;
#rhythm #trbnew {
float: left;
width: 181px;
border: 0;
#rhythm #greyr {
width: 211px;
float: left;
border: 0;
#nav {
margin-top: 200px;
width: 607px;
margin-right: auto;
margin-left: auto;
padding-bottom: 100px;
clear: both;
#nav #navonewrap {
float: left;
clear: both;
#nav #navwraptwo {
float: left;
width: 175px;
height: 22px;
#nav #navwrapthree {
float: right;
width: 215px;
margin-right: -75px;
#footer {
bottom: 0px;
clear: both;
position: fixed;
width: 100%;
#footer #left_footer {
float: left;
clear: left;
overflow: hidden;
#footer #r_footer {
float: right;
Thanks for anyones help thus far,
Rhythm

I think it's the way I'm doing the conditional statement.
'Went through another knowledge-base article that basically had me
incorporate the conditional attribute into the <xsl:for-each
select= . . .> statement and it appears to be a better way. I
also created a xslt fragment and inserted it into a php page rather
than making the whole thing xslt. I think this helps as well, but
can't absolutely close the book on this until the server is
properly configured to transform xslt in php pages.
Here's the latest
http://cals.arizona.edu/arizonawet/workshops/current_workshops-trial2.php

Similar Messages

  • Help with CSS footer

    I am working on a site that is done with CSS. I have a couple
    of pages posted but am having a problem with the footer. I have
    made a wrapper at 100% hoping that the wrapper would always be at
    100% of the screen in height. On one page the footer is at the
    bottom, but on another page (index) the content is not all the way
    to the bottom so the footer won't go all the way to the bottom. The
    pages that I have up are located at:
    http://www.mts.net/~vmendell/
    This is the index and the second page is the Company
    Information page. Also if anyone would like to critique the pages I
    would gladly accept any and all criticism. One thing, the Flash
    animation is just a place holder, the real animation is being
    worked on at the moment.
    Thank you all in advance for taking the time to look at my
    pages and giving any help.
    Thank You
    Vince Mendella MGDC
    graymatter studios
    p. 471.4676
    e. [email protected]
    w. www.graymatterstudios.ca
    * Professional Member of the Society of Graphic Designers of
    Canada
    http://www.gdc.net

    >
    http://www.mts.net/~vmendell/
    >
    </div>
    <div id="bear"></div>
    </div>
    At the first closing div above, your outerwrapper closes.
    Then comes the Bear and finally an extraneous closing div .

  • Problem with css processing in Firefox8 on Win7.

    Hi guys. I have a problem with css processing in Firefox8 on Win7. I need to make div which width and left css properties should be dynamically changed. Inside this div i have an swf object. When i change width and left css styles for my div, it jumps on the page, but other browsers render that well. What can you suggest to fix this problem? Thanks

    A good place to ask advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
    The helpers at that forum are more knowledgeable about web development issues.<br />
    You need to register at the mozillaZine forum site in order to post at that forum.<br />
    See http://forums.mozillazine.org/viewforum.php?f=25

  • Problem with CSS styles and Previewing in Firefox

    Hello,
    I recently rebooted my Mac OS X system (leopard) and reinstalled Adobe CS3. Before this I had virtually no problems with Dreamweaver and everything was running smoothly. However, now whenever I preview my pages in Safari, the CSS code is completely mangled.
    Also, my site won't preview in Firefox unless I close any existing tabs and exit Firefox completely. I have no idea why these problems are occurring, but I have pasted the code below so any advice would be extemely helpful.
    ---------------------------------html----------------------------------------
    <!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" />
    <title>armed and harmless</title>
    <link href="untitled.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
        <div id="nav">
        </div>
    </div>
    </body>
    </html>
    -----------------------------------css-----------------------------------
    @charset "UTF-8";
        background-color: #000000;
        background-image: url(images/header.jpg);
        background-repeat: no-repeat;
        margin: 0px;
    #wrapper {
        height: 800px;
        width: 1000px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        background-color: transparent;
        background-image: none;
    #wrapper #nav {
        background-color: transparent;
        background-image: none;
        height: 30px;
        width: 1000px;
        margin-top: 260px;
        clear: both;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #FFFFFF;
        border-bottom-color: #FFFFFF;

    hey there,
    thanks so much for the insight on the firefox issue. hopefully they fix that soon.
    as for the css, i do have a screenshot of what's happening. the background image seems to repeat after the navigation bar instead of keeping the transparent background. it's extremely odd and i've never seen it before. it can be seen in the attached photo.
    thanks again for your help,
    -e

  • Problems with relative positioning divs

    Hi all,
    I'm still new to this css layouts thing, but am stumped by this problem. I have numerous parent divs with multiple child divs within them on my page design, and for some reason these child divs are not taking up the correct spacing that I enter in the CSS. They are all relative positioned, mostly using floats and clears (and I don't think I've missed any of those). Help! Hoping that it's something simple I've missed.
    To pinpoint one example of this recurring problem, the #sidenav_one div will float: left with a spacing of top 8px and left 8px, but then #sidenav_two refuses to float: left, clear: both with a spacing of top 8px (I've had to put in 16px to actually get 8px, in both Firefox, Safari and Opera). (relevant parts of code highlighted).
    I am happy to change how I've structured the page, if people think there is a better or cleaner way to do it. Thanks in advance.
    A
    <!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" />
    <title>United Future Foundation</title>
    <style type="text/css">
    <!--
    #container {
        position:absolute;
        left:517px;
        top:15px;
        width:972px;
        height:auto;
        z-index:1;
        background-color: #999;
        margin-left: -461px;
        padding-bottom: 25px;
    #banner {
        position:relative;
        width:872px;
        height:210px;
        z-index:2;
        background-color: #FFF;
        float: left;
        left: 50px;
        top: 15px;
        color: #999; 
    #banner_left { 
        position:relative; 
        width:450px; 
        height:70px; 
        z-index:2; 
        float: left; 
        left: 5px; 
        top: 5px; 
    #banner_right { 
        position:relative; 
        width:208px; 
        height:200px; 
        z-index:2; 
        float: right; 
        top: 5px; 
        right: 5px; 
    #banner_name { 
        position:relative; 
        width:550px; 
        height:140px; 
        z-index:2; 
        clear: left; 
        float: left; 
        left: 5px; 
    .rounded { 
        -moz-border-radius:5px; 
        -webkit-border-radius:5px; 
    body { 
        font-family: "Myriad Pro", "Helvetica Neue", sans-serif; 
    p { 
        font-family: "Myriad Pro", "Helvetica Neue", sans-serif; 
        font-size: 14px; 
        color: #000; 
    h1 { 
        font-size: 16px; 
        color: #000; 
        text-align: center; 
        vertical-align: top; 
    h2 { 
        font-size: 20px; 
        color: #000; 
        text-align: left; 
    #content { 
        position:relative; 
        left:50px; 
        width:872px; 
        height:auto; 
        z-index:2; 
        clear: both; 
        float: left; 
        background-color: #FFF; 
        top: 20px; 
    #sidenav_one {
        position:relative;
        left:8px;
        top:8px;
        width:136px;
        height:44px;
        z-index:2;
        background-color: #999;
        float: left;
        overflow: hidden;
    #sidenav_two {
        position:relative;
        left:8px;
        top:16px;
        width:136px;
        height:44px;
        z-index:2;
        background-color: #999;
        float: left;
        overflow: hidden;
        clear: left;
    #sidenav_three { 
        position:relative; 
        left:8px; 
        top:24px; 
        width:136px; 
        height:44px; 
        z-index:2; 
        background-color: #999; 
        clear: left; 
        float: left; 
        overflow: hidden; 
    #text { 
        position:relative; 
        top:8px; 
        width:700px; 
        height:auto; 
        z-index:2; 
        background-color: #FFF; 
        float: right; 
        right: 14px; 
    #home_home { 
        position:relative; 
        width:250px; 
        height:188px; 
        z-index:3; 
        clear: both; 
        float: left; 
        top: 10px; 
        left: 31px; 
    #home_about { 
        position:relative; 
        left:30px; 
        width:250px; 
        height:188px; 
        z-index:2; 
        float: left; 
        top: 10px; 
    #home_events { 
        float: left; 
        height: 188px; 
        width: 250px; 
        position: relative; 
        left: 30px; 
        top: 10px; 
    -->
    </style>
    <script type="text/JavaScript" src="curvycorners.js"></script>
    <script type="text/JavaScript">
    window.onload = function() {
        var settings = {
          tl: { radius: 5 },
          tr: { radius: 5 },
          bl: { radius: 5 },
          br: { radius: 5 },
          antiAlias: true
        var divObj = document.getElementById(".rounded"); 
        curvyCorners(settings, divObj);
    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_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_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> 
    <body onload="MM_preloadImages('images/news_down.jpg','images/about_down.jpg','images/what_up.j pg','images/who_down.jpg','images/support_down.jpg','images/contact_down.jpg')">
    <div class="rounded" id="container">
    <div class="rounded" id="banner">
    <div id="banner_left"><img src="banner_uff.jpg" width="450" height="70" /></div>
    <div id="banner_right"><img src="ufflogo.jpg" width="208" height="200" /></div>
    <div id="banner_name"><img src="banner_name.gif" width="509" height="133" /></div>
    </div>
    <div id="spot">you are here</div>
    <div class="rounded" id="content">
    <div id="text">
    <h2> Breaking the Cycle - United Future Foundation</h2>
    <p>United Future Foundation is an Australian non-government organisation operating in Uganda. UFF is “breaking the cycle” through education. We believe that education is the primary means of creating lasting change, increasing literacy and improving employment. UFF is building a combined primary school and vocational training centre for over 300 students in the Kasanje region of Uganda. </p>
    <p>United Future Foundation is focussed on facilitating access to education and skills training for disadvantaged youth in poverty stricken and remote areas of Uganda. We strongly believe that education is the first and foremost method to break the cycle of illiteracy, ill health and lack of opportunities. </p>
    </div>
    <div class="rounded" id="sidenav_one">
        <h1>News</h1>
    </div>
    <div class="rounded" id="sidenav_two">
      <h1>Press Releases</h1>
    </div>
    <div class="rounded" id="sidenav_three">
        <h1>Media</h1>
    </div>
    <div id="home_home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/news_down.jpg',1)"><img src="images/news_up.jpg" name="home" width="250" height="188" border="0" id="home" /></a></div>
    <div id="home_about"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_down.jpg',1)"><img src="images/about_up.jpg" name="about" width="250" height="188" border="0" id="about" /></a></div>
    <div id="home_events"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/what_up.jpg',1)"><img src="images/what_down.jpg" name="events" width="250" height="188" border="0" id="events" /></a> </div>
    </div>
    </div>
    </body>
    </html>

    This is much simpler than you would think. You're making it hard work for yourself because you believe css is much more comlex than it really is or need be.
    You rarely need to use relative positioning at all. You are using too many <divs> and redundant css attributes to reach your goals.
    Think of the web as a simple structure of boxes and ino those boxes you place html tags or 'when' needed other <divs> ('when' is the choice word here. In time you will know when and when not to)
    Copy the css and page code below and paste into a new Dreamweaver document. See how much leaner and cleaner the css and html code is.
    <!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" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
    p {
    font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #000;
    .rounded {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    #spot {
    text-align: right;
    #container {
    margin: 0 auto; /* horizontally centers container which has a width */
    margin-top: 15px;
    width: 972px;
    background-color: #999;
    padding-bottom: 25px;
    overflow: hidden; /* a method to clear floated containers within a parent container */
    #banner {
    width: 872px;
    height:210px;
    background-color: #FFF;
    margin: 0 auto; /* horizontally centers container which has a width */
    margin-top: 15px;
    color: #999;
    #banner_left {
    width:509px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    #banner_right {
    width:208px;
    height:200px;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    #banner_name {
    position:relative;
    width:550px;
    height:140px;
    clear: both;
    margin-left: 5px;
    #content {
    margin: 0 auto; /* horizontally centers container which has a width */
    width:872px;
    background-color: #FFF;
    margin-top: 20px;
    overflow: hidden; /* a method to clear floated containers within a parent container */
    #sidenav {
    margin-left:8px;
    margin-top:8px;
    width:136px;
    float: left;
    h1 {
    font-size: 16px;
    color: #000;
    text-align: center;
    background-color: #999;
    padding: 10px 0 10px 0; /* short hand for top/right/bottom/left */
    margin: 0 0 6px 0; /* short hand for top/right/bottom/left */
    #text {
    margin: 8px 0 0 18px; /* short hand for top/right/bottom/left */
    width:700px;
    background-color: #FFF;
    float: left;
    #home_home {
    width:750px;
    height:188px;
    clear: both;
    margin: 10px 0 0 31px; /* short hand for top/right/bottom/left */
    #home_home img {
    float: left;
    </style>
    </head>
    <body>
    <div class="rounded" id="container">
    <div id="spot">you are here</div>
    <div class="rounded" id="banner">
    <div id="banner_left"><img src="banner_uff.jpg" width="450" height="70" /><img src="banner_name.gif" width="509" height="133" /></div><!-- end banner left -->
    <div id="banner_right"><img src="ufflogo.jpg" width="208" height="200" /></div><!-- end banner right -->
    </div><!-- end banner -->
    <div class="rounded" id="content">
    <div class="rounded" id="sidenav">
        <h1>News</h1>
        <h1>Press Releases</h1>
        <h1>Media</h1>
    </div><!-- end sidnav -->
    <div id="text">
    <h2> Breaking the Cycle - United Future Foundation</h2>
    <p>United Future Foundation is an Australian non-government organisation operating in Uganda. UFF is “breaking the cycle” through education. We believe that education is the primary means of creating lasting change, increasing literacy and improving employment. UFF is building a combined primary school and vocational training centre for over 300 students in the Kasanje region of Uganda. </p>
    <p>United Future Foundation is focussed on facilitating access to education and skills training for disadvantaged youth in poverty stricken and remote areas of Uganda. We strongly believe that education is the first and foremost method to break the cycle of illiteracy, ill health and lack of opportunities. </p>
    </div><!-- end text -->
    </div><!-- end content -->
    <div id="home_home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/news_down.jpg',1)"><img src="images/news_up.jpg" name="home" width="250" height="188" border="0" id="home" /></a>
    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_down.jpg',1)"><img src="images/about_up.jpg" name="about" width="250" height="188" border="0" id="about" /></a>
    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/what_up.jpg',1)"><img src="images/what_down.jpg" name="events" width="250" height="188" border="0" id="events" /></a>
    </div><!-- end home_home -->
    </div><!-- end container -->
    </body>
    </html>

  • Problem with .css for Spry menu

    Hi,
    I am having a problem with the Spry menu I have created and edited. All looks great in the Design view of Photoshop however under the Live view or opened using a browser the menu reverts to a list of hyperlinks!
    I have checked the .css link but when using Firefox CSS editor the CSS file for the menu is simply blank?
    Any suggestions would be great!
    Thanks,
    Ozan

    Your SpryMenuBarHorizontal.css needs to be within your SpryAssets folder, which is where it would have been put automatically when you inserted the SpryMenuBar. You can move it back in there using the Files Panel.
    Here is what the file structure needs to look like:
    SpryAssets
    SpryMenuBar.js
    SpryMenuBarHorizontal.css
    cssstyletemplate.css
    index.html (or whatever the name of your page is)
    Hierarchally, the top level of your root folder will show folders for SpryAssets and css and the html pages will be on the same level.
    The Spry assets themselves will be down a level IN the SpryAssets folder, as the styletemplate.css file will be down a level IN the css folder.
    In the head of the document, you will have
         <link rel="stylesheet" type="text/css" href="css/styletemplate.css" />
         <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"> </script>
         <link rel="stylesheet" type="text/css" href="SpryAssets/SpryMenuBarHorizontal.css" />
    At the end, remove the slash before Spry inside the imgDown and imgRight sections:
         <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    Compare these with your files and file structure and correct any small typos, and they should be correctly linked.
    Beth

  • Problem with CSS in page I have written [SOLVED]

    There is a php page I have created at work which works fine with Firefox 3.6.
    In one specific page Firefox 4 does not show correctly a table with CSS.
    I tried to remove the css and just have the table with no styling but the problem persists.
    the php file is this:
    <pre><nowiki><html>
    <head>
    <title>Pending Issues Close Case</title>
    <style type="text/css">
    #blinking {text-decoration: blink; text-align:left; color:#FF0000;}
    body {
    background-image:url('on2.jpg');
    background-repeat:no-repeat;
    background-position:700 50;
    background-attachment:fixed;
    #efms
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    #efms td, #efms th
    font-size:1em;
    border:1px solid #98bf21;
    padding:3px 7px 2px 7px;
    #efms th
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#A7C942;
    color:#ffffff;
    #efms tr.alt td
    color:#000000;
    background-color:#EAF2D3;
    </style>
    <link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
    <script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
    <script type="text/javascript">
    window.onload = function(){
    new JsDatePick({
    useMode:2,
    target:"date_of_problem",
    dateFormat:"%Y-%m-%d"
    new JsDatePick({
    useMode:2,
    target:"closed_date",
    dateFormat:"%Y-%m-%d"
    function checkEmpty() {
    var date_of_problem = document.save_entries.date_of_problem.value;
    var hour_of_problem = document.save_entries.hour_of_problem.value;
    var min_of_problem = document.save_entries.min_of_problem.value;
    var reported_to = document.save_entries.reported_to.value;
    var problem_description = document.save_entries.problem_description.value;
    var close = document.save_entries.close.value;
    var closed_date = document.save_entries.closed_date.value;
    var closed_hour = document.save_entries.closed_hour.value;
    var closed_min = document.save_entries.closed_min.value;
    var ok = "true";
    var why = "";
    var ok2 = "true";
    var tmp1 = date_of_problem.split("-");
    var date1 = new Date(tmp1[0], tmp1[1], tmp1[2], hour_of_problem, min_of_problem);
    var tmp2 = closed_date.split("-");
    var date2 = new Date(tmp2[0], tmp2[1], tmp2[2], closed_hour, closed_min);
    if (date_of_problem.length == 0) {
    ok = "false";
    why += "Date of problem is empty\n";
    if (reported_to.length == 0) {
    ok = "false";
    why += "Reported to is empty\n";
    if (problem_description.length == 0) {
    ok = "false";
    why += "Problem description is empty\n";
    if (closed_date.length == 0 && close == "Yes") {
    ok = "false";
    why += "Closed date is empty\n";
    if (date2 < date1) {
    ok = "false";
    why +="Closed date cannot be earlier than problem date\n";
    if (ok == "true") {
    return true;
    else {
    alert(why);
    return false;
    </script>
    </head>
    <body>
    <?php
    session_start();
    if (!isset($_SESSION['pending_user'])){
    header("location:main_login.php");
    if ($_GET['entry'] == "" || $_GET['entry'] == NULL)
    header("location:view_entries.php");
    $id = $_GET['entry'];
    function get_entry($id) {
    $mysql_host = "localhost";
    $mysql_user = "portal";
    $mysql_pass = "portal";
    $db_name = "pending_issues";
    $entries_table = "entries";
    mysql_connect("$mysql_host", "$mysql_user", "$mysql_pass") or die("cannot connect to DB" . mysql_error());
    mysql_select_db("$db_name")or die("cannot select DB" . mysql_error());
    mysql_query("set names 'utf8'")or die("fook!" . mysql_error());
    $entry_query = "SELECT * FROM $entries_table WHERE id='$id'";
    $entry_data = mysql_query($entry_query) or die("Cannot execute query");
    $entry_row = mysql_fetch_array($entry_data) or die("Cannot fetch row");
    $date_of_problem = $entry_row['date_of_problem'];
    $time_of_problem = $entry_row['time_of_problem'];
    $hour_of_problem = strtok($time_of_problem, ":");
    $min_of_problem = strtok(":");
    $resp_technician =$entry_row['resp_technician'];
    $reported_to = $entry_row['reported_to'];
    $description = $entry_row['problem_description'];
    $closed_date = $entry_row['closed_date'];
    $closed_time = $entry_row['closed_time'];
    $closed_hour = strtok($closed_time, ":");
    $closed_min = strtok(":");
    $closed_by = $_SESSION['pending_user'];
    echo '<h2><font color="#A7C942">Welcome, ' . $_SESSION['pending_user'] . '</font></h2>';
    echo '<table id="efms">';
    echo '<tr class="alt">';
    echo '<td>';
    echo '<br><a href=index.php>Home</a><br><br>';
    echo '</td>';
    echo '<td>';
    echo '<br><a href=view_entries.php>View entries</a><br><br>';
    echo '</td>';
    echo '<td>';
    echo '<a align="center" href="logout.php">Log out</a><br>';
    echo '</td>';
    echo '</tr>';
    echo '</table>';
    echo '<br>';
    echo '<form name="save_entries" action="save_entries.php" method="post" onSubmit="return checkEmpty();"';
    echo '<table id="efms">';
    echo '<tr>';
    echo '<th>';
    echo 'Problem date';
    echo '</th>';
    echo '<td>';
    echo '<input id="date_of_problem" name="date_of_problem" type="text" value="' . $date_of_problem . '">';
    echo '<input type="hidden" name="entry" value="' . $id . '">';
    echo '</td>';
    echo '</tr>';
    echo '<tr>';
    echo '<th>';
    echo 'Problem time';
    echo '</th>';
    echo '<td>';
    //echo '<input name="time\_of\_problem" type="text" value="' . $time_of_problem . '">';
    echo_hour($hour_of_problem, "hour_of_problem");
    echo ":";
    echo_min($min_of_problem, "min_of_problem");
    echo '</td>';
    echo '</tr>';
    echo_reported_to($reported_to);
    echo '<tr>';
    echo '<th>';
    echo 'Problem description';
    echo '</th>';
    echo '<td>';
    echo '<textarea name="problem_description" rows="5" cols="40">' . $description . '</textarea>';
    echo '</td>';
    echo '</tr>';
    echo '<tr>';
    echo '<th>';
    echo 'Closed date';
    echo '</th>';
    echo '<td>';
    echo '<input name="closed_date" id="closed_date" type="text" value="' . $closed_date . '">&nbsp;';
    echo 'Close case?&nbsp;';
    echo '<select name="close">';
    echo '<option>Yes</option>';
    echo '<option>No</option>';
    echo '</select>';
    echo '</td>';
    echo '</tr>';
    echo '<tr>';
    echo '<th>';
    echo 'Closed time';
    echo '</th>';
    echo '<td>';
    echo_hour($closed_hour, "closed_hour");
    echo ":";
    echo_min($closed_min, "closed_min");
    echo '</td>';
    echo '</tr>';
    //~ echo '<tr>';
    //~ echo '<th>';
    //~ echo 'Closed by';
    //~ echo '</th>';
    //~ echo '<td>';
    //~ echo '<input id="resolve_date" name="resolve_date" type="text" value="' . $closed_by . '">';
    //~ echo '</td>';
    //~ echo '</tr>';
    echo '<tr>';
    echo '<th>';
    echo 'Submit';
    echo '</th>';
    echo '<td>';
    echo '<input name ="submit" type="submit">';
    echo '</td>';
    echo '</tr>';
    echo '</table>';
    echo '</form>';
    mysql_close();
    function echo_hour($hour, $name) {
    echo '<select name="' . $name . '">';
    for ($i = 0; $i < 24; $i++) {
    if ($i < 10)
    $temp_hour = "0" . $i;
    else
    $temp_hour = $i;
    if ($hour != $temp_hour)
    echo '<option>' . $temp_hour . '</option>';
    if ($hour == $temp_hour)
    echo '<option selected>' . $temp_hour . '</option>';
    echo '</select>';
    function echo_min($min, $name) {
    echo '<select name="' . $name . '">';
    for ($i = 0; $i < 60; $i++) {
    if ($i < 10)
    $temp_min = "0" . $i;
    else
    $temp_min = $i;
    if ($min != $temp_min)
    echo '<option>' . $temp_min . '</option>';
    if ($min == $temp_min)
    echo '<option selected>' . $temp_min . '</option>';
    echo '</select>';
    function echo_reported_to($reported_to) {
    echo '<tr>';
    echo '<th>';
    echo 'Reported to';
    echo '</th>';
    echo '<td>';
    //echo '<select name="reported_to" value="' . $reported_to . '">';
    echo '<select name="reported_to">';
    if ($reported_to == "IT") {
    echo '<option selected>IT</option>';
    echo '<option>NetEng</option>';
    echo '<option>VTT</option>';
    echo '<option>NOC</option>';
    if ($reported_to == "NetEng") {
    echo '<option>IT</option>';
    echo '<option selected>NetEng</option>';
    echo '<option>VTT</option>';
    echo '<option>NOC</option>';
    if ($reported_to == "VTT") {
    echo '<option>IT</option>';
    echo '<option>NetEng</option>';
    echo '<option selected>VTT</option>';
    echo '<option>NOC</option>';
    if ($reported_to == "NOC") {
    echo '<option>IT</option>';
    echo '<option>NetEng</option>';
    echo '<option>VTT</option>';
    echo '<option selected>NOC</option>';
    echo '</select>';
    echo '</td>';
    echo '</tr>';
    get_entry($id);
    ?>
    </body>
    </html>
    </nowiki></pre>
    <br />
    The problem is for the table in line 188.
    it should look like this:
    http://img571.imageshack.us/img571/5183/shouldlooklike.png
    but instead it looks like this:
    http://img860.imageshack.us/img860/323/lookslikethis.png
    The same problem appears in IE.
    Thank you,

    Please do not consider my previous post as I found out that it was a coding error, a forgotten ">"
    Thank you.

  • Problem with CSS files when placed in multiple locations.

    Hi,
    In our application we have a folder structure for the code files. Folder structure looks something like the one shown below:
    ABC
    ---Scripts
    ---Stylesheets
    DEF
    Scripts
    Stylesheets
    Common
      ---Scripts
      ---Stylesheets
      The problem is, if we create a CSS file and place it in its module specific folder (Eg: ABC) to which it belongs to and call the CSS on a page, then the styles are not getting applied to the page. But if we move the stylesheet to the Common folder, then page renders properly. In common folder, we already have a common CSS which is used across the project.
    Facing similar problem with module specific and common js files.
    We have to move all the module specific files to the module folders and all the common files to be placed in the Common folder.
    MII Version: 11.5
    Please help!
    Regards,
    Rajesh.

    Rajesh,
    Also note that, If your html is referencing to multiple css files then the last referenced CSS file style classes will override all the style class having same names in the previous css files.
    for example,
    say CSS1 has
    .bodycolor
    background-color:yellow;
    .button
    color:red;
    h1
    font-size:50pt;
    and CSS2 has
    .bodycolor
    background-color:red;
    .button
    color:yellow;
    And your HTML is,
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="css1.css"/>
    <link rel="stylesheet" type="text/css" href="css2.css"/>
    <title>CSS Test</title>
    </head>
    <body class="bodycolor">
    <h1>Hello World</h1>
    <input type="button" class="button" name="B1" id="B1" value="      Click         " size="50">
    </body>
    </html>
    In this case the classes "bodycolor" and "button" will be overridden by css2 file but h1 will be taken from css1
    Hope this helps!!
    Regards,
    Adarsh

  • Problem with CSS/Template in IE display

    Hi,
    I have a problem with a new web site
    http://www.halloween-mayhem.com.
    The CSS is at
    http://www.halloween-mayhem.com/MasterCSS3Col240606.css
    and the template at
    http://www.halloween-mayhem.com/Templates/MasterHM3Col250606.dwt
    When viewed in Firefox everything is fine, but in IE the
    content slips right down the page to beyond the menu . Any idea
    what I have missed or done wrong please?
    Any help greatly appreciated.
    Roy

    The slipping content is too wide for the space you've
    allotted. Make it 3px
    narrower.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "roythom" <[email protected]> wrote in
    message
    news:ecti8e$ohh$[email protected]..
    > Hi,
    >
    > I have a problem with a new web site
    http://www.halloween-mayhem.com.
    The
    > CSS
    > is at
    http://www.halloween-mayhem.com/MasterCSS3Col240606.css
    and the
    > template
    > at
    http://www.halloween-mayhem.com/Templates/MasterHM3Col250606.dwt
    >
    > When viewed in Firefox everything is fine, but in IE the
    content slips
    > right
    > down the page to beyond the menu . Any idea what I have
    missed or done
    > wrong
    > please?
    >
    > Any help greatly appreciated.
    >
    > Roy
    >

  • Weird problems with CSS being applied to JSF pages

    I have this really weird problem with my CSS rules being applied to my JSF pages. My CSS rules don't get applied unless one of the following two things happen:
    - A page is reloaded (by redirecting to itself, or if there were validation errors)
    - The previous page in the history had the same relative reference to the same CSS file.
    If a page is newly loaded, and the previous page did not have that same CSS reference, the CSS styles will not show up. Also, if the above is true, and the page is reloaded by JSF, the CSS styles show up.
    Now, my problem could be solved if I put all JSP files in the same level, but the display of the first page would still be without the CSS style applied.
    Is this known behaviour? And if it is, does it have anything to do do with the way JSF handles URLs (always one level back)? Help and input is kindly appreciated!

    Dude,
    I tried the same
    <link rel="stylesheet" href="<h:outputText value="#{facesContext.externalContext.requestContextPath}"/pages/css/default.css" />
    and I got the following Jasper exception.... pointers plz ??
    =============================================================
    2005-08-24 14:18:55,937 [http-8080-Processor25] ERROR org.apache.catalina.core.ContainerBase.[Catalina].[localhost].[mydemo].[FacesServlet] - Servlet.service() for servlet FacesServlet threw exception
    org.apache.jasper.JasperException: /myproj/eventCrit.jsp(8,78) Unterminated <h:outputText tag
         at org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:39)
         at org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:405)
         at org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:130)
         at org.apache.jasper.compiler.Parser.parseOptionalBody(Parser.java:1049)
         at org.apache.jasper.compiler.Parser.parseCustomTag(Parser.java:1367)
         at org.apache.jasper.compiler.Parser.parseElements(Parser.java:1564)
         at org.apache.jasper.compiler.Parser.parseBody(Parser.java:1793)
         at org.apache.jasper.compiler.Parser.parseOptionalBody(Parser.java:1060)
         at org.apache.jasper.compiler.Parser.parseCustomTag(Parser.java:1367)
         at org.apache.jasper.compiler.Parser.parseElements(Parser.java:1564)
         at org.apache.jasper.compiler.Parser.parse(Parser.java:126)
         at org.apache.jasper.compiler.ParserController.doParse(ParserController.java:211)
         at org.apache.jasper.compiler.ParserController.parse(ParserController.java:100)
         at org.apache.jasper.compiler.Compiler.generateJava(Compiler.java:146)
         at org.apache.jasper.compiler.Compiler.compile(Compiler.java:286)
         at org.apache.jasper.compiler.Compiler.compile(Compiler.java:267)
         at org.apache.jasper.compiler.Compiler.compile(Compiler.java:255)
         at org.apache.jasper.JspCompilationContext.compile(JspCompilationContext.java:556)
         at org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:293)
         at org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:291)
         at org.apache.jasper.servlet.JspServlet.service(JspServlet.java:241)
    =========================================================

  • Minor Problem with CSS?

    I'm having a minor problem with my CSS for the menu on this page.  The child "2014 Fall Season" under "Season Information" is not adopting the font attributes that all of the other children sub menus are using.  I've racked my brain and can't figure out why.  Any thoughts?
    http://www.simiyouthsoccer.org/all_stars.html

    That menu item contains no anchors (links) so it's not picking up link styles from your #menu CSS.  Try adding a null anchor like the one above it.
    <li><a href="#">2014 Fall Season &9658;</a><ul>
    EDIT:  The code for a Right Triangle should be this &#9658;  (with the # sign)
    Nancy O.

  • My Safari 2.0 crashes - problems with css?

    Hi,
    I have problem with a webpage I built (www.elpskatt.se) using css. When I try to go there with Safari it craches (unsuspectable fault..). I have tried everything, and thinks it has something to do with the way the webpage is built. Can someone help me?
    It works perfect with Firefox, and even Explorer works quite fine. Where can I find info regarding Safari and problems with reading webpages?
    //Annika
    MacBookPro 2,1 Mac OS X (10.4.9)
    MacBookPro 2,1   Mac OS X (10.4.9)  

    Hello annika:
    Welcome to Apple discussions.
    I do not (and could not) develop Safari software. However, this forum may provide you with a place to search and/or ask questions:
    http://discussions.apple.com/category.jspa?categoryID=162
    Barry

  • Problems with css-designer Panel

    can't display CSS selectors/properties  - just gives me an empty grey area. When I click in this gray area, dreamweaver crashes.
    Does anyone have similar problems and can help?
    Thanks in advance!
    (OS X 10. 7. 5. / macPro)

    very strange - I installed Illustrator CC and then I had no more problems with Dreamweaver! No more crashes when close or create files and no more problems with the CSS designer. Error messages during create fluid grid layouts are also gone ...
    Congratulations "pcepp" that you too have found a solution.

  • Inserting SWF in one of my divs is causing problems with css layout

    I am testing code for a new layout including an swf piece in
    the center of my page and I can't understand what the issue is.
    http://www.ltcproduction.com/ltcproditems.html
    I am loosing a lot of my formatting which should look exactly
    like
    http://www.ltcproduction.com
    only with a dynamic piece in the middle
    here is the code I am using for the new dynamic page below:
    HTML Code:
    <html xmlns="
    http://www.w3.org/1999/xhtml"
    xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1" />
    <title>ltcproditems_bleu</title>
    <script language="javascript">AC_FL_RunContent =
    0;</script>
    <script src="AC_RunActiveContent.js"
    language="javascript"></script>
    <script language="javascript">
    if (AC_FL_RunContent == 0) {
    alert("This page requires AC_RunActiveContent.js.");
    } else {
    AC_FL_RunContent(
    'codebase', '
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
    'width', '750',
    'height', '400',
    'src', 'ltcproditems_bleu',
    'quality', 'high',
    'pluginspage', '
    http://www.macromedia.com/go/getflashplayer',
    'align', 'middle',
    'play', 'true',
    'loop', 'true',
    'scale', 'showall',
    'wmode', 'window',
    'devicefont', 'false',
    'id', 'ltcproditems_bleu',
    'bgcolor', '#ffff99',
    'name', 'ltcproditems_bleu',
    'menu', 'true',
    'allowFullScreen', 'false',
    'allowScriptAccess','sameDomain',
    'movie', 'ltcproditems_bleu',
    'salign', ''
    ); //end AC code
    </script>
    </head>
    <body bgcolor="#ffff99">
    <!--url's used in the movie-->
    <!--text used in the movie-->
    <!--
    Gekko divers
    Video editing
    Web production
    Graphic Design
    Project Management
    Email Deployment
    Graphic design
    Email deployment
    -->
    <!-- saved from url=(0013)about:internet -->
    <div id="bar-top"></div>
    <div id="content_long">
    <h2>Ltc Production</h2>
    <?php
    include("navbar_insert.php");
    ?>
    <div id="main_container1">
    <noscript>
    <object
    classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
    width="750" height="400" id="ltcproditems_bleu" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="ltcproditems_bleu.swf"
    /><param name="quality" value="high" /><param
    name="bgcolor" value="#ffff99" /> <embed
    src="ltcproditems_bleu.swf" quality="high" bgcolor="#ffff99"
    width="750" height="400" name="ltcproditems_bleu" align="middle"
    allowScriptAccess="sameDomain" allowFullScreen="false"
    type="application/x-shockwave-flash" pluginspage="
    http://www.macromedia.com/go/getflashplayer"
    />
    </object>
    </noscript>
    </div></div>
    <div id="bar-bottom">
    <span class="copyright">(c) ltc
    production</span></div>
    </body>
    </html>

    move the javascript block that starts with if
    (AC_FL_RunContent == 0) { to immediately before the noscript block,
    and it should fix your problem.
    I may suggest using swfobject:
    http://code.google.com/p/swfobject/
    to embed your swf. It gives you more flexibility than the adobe
    AC_RunActiveContent method.

  • Problem with Css styles not showing in live view or when i browse

    I am using Mac osx 10.6 and building website with Dreamweaver CS5.  Sometimes div tags i create not showing styles or rendering in live view or when I browse but  showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
    It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
    Johanna

    <!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" />
    <title>Portfolio</title>
    <style type="text/css"></style>
    <link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
    </head>
    <body>
    <div id="wrapper">
      <div id="mainnav">
        <div id="navbar">
          <ul>
            <li><a href="index.html"><br />
            </a></li>
    <li>
              <ul>
                <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
                <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
              </ul>
            </li>
          </ul>
      </div>
        <div id="contentinside">
          <div id="navbar2">
            <ul>
              <li><a href="design.html">Design</a></li>
              <li><a href="multimedia.html">Multimedia</a></li>
              <li><a href="webdesign.html">Web Design</a></li>
            </ul>
          </div>
          <div id="mm1thumb">Content for  id "mm1thumb" Goes Here</div>
          <div id="mm2thumb">Content for  id "mm2thumb" Goes Here</div>
        </div>
        <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
      <div id="footer">
        <p> </p>
        <p>Johanna Bresnahan</p>
        <p>Web &amp; Graphic Design - http://www.johannabresnahan.com</p>
        <p> email: [email protected] ....phone....857•991•5717<br />
      </p>
    </div>
    </div>
    <!--end wrapper--></div>
    </body>
    </html> 
    Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
    Johanna

Maybe you are looking for

  • My iphone won't connect into itunes

    So when i use a usb cord to connect my phone to my toshiba windows laptop the message asking to trust the computer keeps popping up on my phone. When i hit trust things go slightly back to normal, where my phone opens up the photo app on my computer

  • How to compile 64-bit PHP 5?

    Hi Since having a nice 64-bit machine I thought I would installed MySQL 5.0.16 64-bit, only one problem PHP 5.1.1 will not compile with the 64-bit MySQL. I realised after a bit of reading that I am trying to compile a standard 32-bit PHP, when it sho

  • Firefox will updage. I get this message: Something is preventing firefox from updating securely. Please make sure that you have the latest version

    I get this error message: Something is preventing Firefox from updating securely. Please make sure that you have the latest version of Firefox. I have uninstalled and re-installed. It did not work. Support tells me to click on Firefox at the top. I h

  • Advice on setting up an online store

    I have some HTML experience but I'm still an amateur. I sell video game console skins. I have approximately 12 different platforms a few different packages with about 35 different colors. Thus I have 2000+ items and am continually adding new consoles

  • Count all rows in user_tables

    Hi, Any one could help me to write a pl/sql procedure to get the total number of all the rows of user_tables? Thanks!