468,272 Members | 2,171 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,272 developers. It's quick & easy.

The case of the vanishing List items

https://testbed.odysseyshipping.com/

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:after {
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_image {
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:after {
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_wrapper {
border-right: thin solid #2a78c3;
}

#left_sidebar_header {
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_header { padding-bottom: 5px; } /* for IE5+6 */
*:first-child+html #left_sidebar_header { padding-bottom: 5px; } /*
for IE7 */

#left_sidebar_form_wrapper {
margin-bottom: 20px;
padding-left: 3px;
padding-right: 3px;
}

#username_caption {
color: #003366;
}

#username_input {
padding-bottom: 5px;
}

#password_caption {
color: #003366;
}

#password_input {
padding-bottom: 5px;
}

#remember_password {
float: left;
padding-bottom: 5px;
}

#remember_password:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #remember_password { height: 1%; } /* for IE5+6 */
*:first-child+html #remember_password { min-height: 1px; } /* for IE7
*/

#remember_checkbox {
float: left;
}

#remember_caption {
float: left;
padding-left: 5px;
font-size: 85%;
}

#login_button {
padding-left: 10px;
padding-bottom: 20px;
}

#forgotten_password_caption {
padding-bottom: 20px;
color: #993300;
font-size: 110%;
font-weight: bold;
}

#new_account_caption {
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:after {
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_title {
float: left;
border-right: thin solid #2a78c3;
}

#Main {
float: right;
width: 82%;
}

#homeMain_content {
padding: 0;
margin: 1em 1em;
text-align: center;
}

#homeMain_ship {
width: 500px;
height: 250px;
}
Thanks,
Don
Jun 27 '08 #1
5 1441
donpro wrote:
https://testbed.odysseyshipping.com/

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?
What would you expect white text on a white background to look like?
Jun 27 '08 #2
Harlan Messinger wrote:
What would you expect white text on a white background to look like?
The inside of a ping-pong ball.

They don't appear in my browser because they are commented out. Perhaps
I've been overtaken by events.

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk
Jun 27 '08 #3
Steve Swift wrote:
Harlan Messinger wrote:
>What would you expect white text on a white background to look like?

The inside of a ping-pong ball.

They don't appear in my browser because they are commented out. Perhaps
I've been overtaken by events.
Yeah, that's new since yesterday.
Jun 27 '08 #4
On Jun 3, 8:31 am, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
Steve Swift wrote:
Harlan Messinger wrote:
What would you expect white text on a white background to look like?
The inside of a ping-pong ball.
They don't appear in my browser because they are commented out. Perhaps
I've been overtaken by events.

Yeah, that's new since yesterday.
Yes I've changed things. Write text on white background, LOL. My
Bad!

I'm haviung another problem with Lists and Floats but I'll post anew.

Thanks,
Don
Jun 27 '08 #5
>>What would you expect white text on a white background to look like?
>>
The inside of a ping-pong ball.

They don't appear in my browser because they are commented out.
Perhaps I've been overtaken by events.
Yeah, that's new since yesterday.
You've got to be kidding, I've been overtaken by events ever since some
time in the 1950's :-)

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk
Jun 27 '08 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Simon | last post: by
2 posts views Thread by Greg | last post: by
7 posts views Thread by Andrew Ducker | last post: by
8 posts views Thread by | last post: by
2 posts views Thread by Linda | last post: by
2 posts views Thread by mark4asp | last post: by
36 posts views Thread by TC | last post: by
reply views Thread by zattat | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.