1. If you do a "View Source", you'll see that there are 4 unordered
lists in the footer yet they are not displaying in the browser
(Firefox or IE). Why?
2. Once I do manage to fire out the above, you can see that two middle
borders do not extend the same depth as the first or fourth. This
must be related to the fact that the first and fourth list have two
items each while the second and third only have one item. But my CSS
has the border in each outer DIV. So why is this happening?
CSS as follows:
----------------------
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: small;
background-color: #FFFFFF;
color: #000000;
}
#wrapper {
margin: 5px;
padding: 0;
background-color: white;
color: black;
}
#header {
margin: 0;
padding: 0;
}
#header_logo {
width: 100%;
margin: 0;
padding: 0;
float: left;
list-style: none;
background-image: url(../images/title_bar_right .gif);
background-position: top right;
background-repeat: no-repeat;
}
#header_logo:af ter {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #header_logo { height: 1%; } /* for IE5+6 */
*:first-child+html #header_logo { min-height: 1px; } /* for IE7 */
#header_logo .header_logo_im age {
float: left;
margin: 0;
padding: 0;
}
#header_menubar {
width: 100%;
margin: 0;
padding: 0;
float: left;
list-style: none;
background-image: url(../images/menurest.jpg);
background-repeat: repeat-x;
}
#header_menubar :after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #header_menubar { height: 1%; } /* for IE5+6 */
*:first-child+html #header_menubar { min-height: 1px; } /* for IE7 */
#header_menubar .header_menubar _image {
float: left;
margin: 0;
padding: 0;
}
#menuback {
width: 200px;
height: 31px;
}
#left_sidebar {
float: left;
width: 18%;
}
#left_sidebar:a fter {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #left_sidebar { height: 1%; } /* for IE5+6 */
*:first-child+html #left_sidebar { min-height: 1px; } /* for IE7 */
#left_sidebar_w rapper {
border-right: thin solid #2a78c3;
}
#left_sidebar_h eader {
background-image: url(../images/menurest.jpg);
background-repeat: repeat-x;
padding: 5px 5px 15px 5px;
color: white;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
* html #left_sidebar_h eader { padding-bottom: 5px; } /* for IE5+6 */
*:first-child+html #left_sidebar_h eader { padding-bottom: 5px; } /*
for IE7 */
#left_sidebar_f orm_wrapper {
margin-bottom: 20px;
padding-left: 3px;
padding-right: 3px;
}
#username_capti on {
color: #003366;
}
#username_input {
padding-bottom: 5px;
}
#password_capti on {
color: #003366;
}
#password_input {
padding-bottom: 5px;
}
#remember_passw ord {
float: left;
padding-bottom: 5px;
}
#remember_passw ord:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #remember_passw ord { height: 1%; } /* for IE5+6 */
*:first-child+html #remember_passw ord { min-height: 1px; } /* for IE7
*/
#remember_check box {
float: left;
}
#remember_capti on {
float: left;
padding-left: 5px;
font-size: 85%;
}
#login_button {
padding-left: 10px;
padding-bottom: 20px;
}
#forgotten_pass word_caption {
padding-bottom: 20px;
color: #993300;
font-size: 110%;
font-weight: bold;
}
#new_account_ca ption {
color: #993300;
font-size: 110%;
font-weight: bold;
}
#footer {
padding: 0;
margin: 0;
clear: both;
}
#footer_headers {
width: 100%;
margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
float: left;
list-style: none;
background-image: url(../images/menurest.jpg);
background-repeat: repeat;
color: white;
font-weight: bold;
}
#footer_headers :after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #footer_headers { height: 1%; } /* for IE5+6 */
*:first-child+html #footer_headers { min-height: 1px; } /* for IE7 */
#footer_headers .footer_header_ title {
margin: 0;
padding: 0;
padding-left: 1%;
width: 24%;
float: left;
font-weight: bold;
}
#footer_links {
width: 100%;
margin: 0;
padding: 0;
float: left;
color: white;
font-weight: bold;
}
#footer_links:a fter {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #footer_links { height: 1%; } /* for IE5+6 */
*:first-child+html #footer_links { min-height: 1px; } /* for IE7 */
#footer_links .footer_links_t itle {
float: left;
border-right: thin solid #2a78c3;
}
#Main {
float: right;
width: 82%;
}
#homeMain_conte nt {
padding: 0;
margin: 1em 1em;
text-align: center;
}
#homeMain_ship {
width: 500px;
height: 250px;
}
Thanks,
Don
Comment