Sign In | Register Now About Bytes | Help | Site Map
Connecting Tech Pros Worldwide

The case of the vanishing List items

Question posted by: donpro (Guest) on June 27th, 2008 07:19 PM
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
Harlan Messinger's Avatar
Harlan Messinger
Guest
n/a Posts
June 27th, 2008
07:19 PM
#2

Re: The case of the vanishing List items
donpro wrote:
Quote:
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?

Steve Swift's Avatar
Steve Swift
Guest
n/a Posts
June 27th, 2008
07:19 PM
#3

Re: The case of the vanishing List items
Harlan Messinger wrote:
Quote:
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

Harlan Messinger's Avatar
Harlan Messinger
Guest
n/a Posts
June 27th, 2008
07:19 PM
#4

Re: The case of the vanishing List items
Steve Swift wrote:
Quote:
Harlan Messinger wrote:
Quote:
>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.

donpro's Avatar
donpro
Guest
n/a Posts
June 27th, 2008
07:19 PM
#5

Re: The case of the vanishing List items
On Jun 3, 8:31 am, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
Quote:
Steve Swift wrote:
Quote:
Harlan Messinger wrote:
Quote:
What would you expect white text on a white background to look like?

>
Quote:
The inside of a ping-pong ball.

>
Quote:
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

Steve Swift's Avatar
Steve Swift
Guest
n/a Posts
June 27th, 2008
07:19 PM
#6

Re: The case of the vanishing List items
>>What would you expect white text on a white background to look like?
Quote:
Quote:
>>
>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

 
Not the answer you were looking for? Post your question . . .
189,798 Experts ready to help you find a solution.
Sign up for a free account, or Login (if you're already a member).

Latest Articles: Read & Comment
  • Didn't find the answer you were looking for?
    Post Your Question
  • Top Community Contributors