6 replies [Last post]
deadseasquirrels
Offline
newbie
Last seen: 16 years 37 weeks ago
Joined: 2004-02-06
Posts: 6
Points: 0

I am having this weird effect. I am using CSS to lay a background inside one of the cells of a table. The table should have a 2 pixel border all around. But for whatever reason I can't see the bottom border. I see all the rest, but not the bottom one. Even when I scroll, it just scrolls to the end, and it looks like the border is right on the other side of the scroll limits. I don't understand why it would do something like that. I have other pages that use basically the same code and I can see the bottom border (granted though, this page is longer than the other ones). Does anybody know what is happening?

karinne
karinne's picture
Offline
Enthusiast
Aylmer, QC, Canada
Last seen: 13 years 18 weeks ago
Aylmer, QC, Canada
Timezone: GMT-5
Joined: 2004-01-14
Posts: 291
Points: 0

bottom border won't show up

it's kinda hard to help when we've got no code or link

deadseasquirrels
Offline
newbie
Last seen: 16 years 37 weeks ago
Joined: 2004-02-06
Posts: 6
Points: 0

bottom border won't show up

well you can see the site at http://www.wilsonmui.com/events.htm if you shorten the window you will see that no scrollbar appears even though you've covered up a good portion of the bottom. As for the CSS here it is

#mainpage {
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 10px;
	position: static;
	width: 750px;
	border: #FFFFFF;
	height: auto;
	padding-bottom: 10px;







}
#mainwindow #navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: right;
	width: 120px;
	height: auto;
	position: absolute;
	float: none;
	left: 35px;
	top: 30px;
	color: #000000;



}

a {
	text-decoration: none;
	font-weight: normal;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;




	}
a:visited {
	color: #FFFFFF;

	}
a:active {
	}
a:hover {
	color: #0000FF;
	font-weight: normal;



	}

#navbar ul {
	list-style-type: none;
	list-style-image: none;
	padding: 1px;
	margin: 2px;





}

#footer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;

	
}

#footer ul li {
	margin-left: 0;
	padding: 3px 5px;
	border-left: 1px solid;
	list-style: none;
	display: inline;
	text-align: center;
	color: #CCCCCC;



	
}

#footer ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;


}



#footer a {
	text-decoration: none;
	font-weight: normal;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;


}

#footer a:visited {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}

#footer a:active {
}

#footer a:hover {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}

and the second css file.

#mainpage #logo {
	background-color: 94171D;
	background-image: url(../images/logowbgd.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 110px;
	width: 750px;
	border: 2px solid #FFFFFF;





}

#mainpage #mainwindow {
	position: relative;
	width: 750px;
	background-image: url(../images/empty_coffe_cups.jpg);
	background-repeat: no-repeat;
	top: 110px;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	height: 700px;
	overflow: auto;













}





#mainwindow #schedule {
	position: absolute;
	width: 140px;
	left: 20px;
	top: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: auto;
	color: #FFFFFF;






}

#content ul {
	list-style-type: none;
	list-style-image: none;
	padding: 1px;
	margin: 2px;





}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: inline;
	position: absolute;
	left: 0px;
	top: 488px;
	text-align: center;
	width: 750px;
	font-variant: normal;
	color: #CCCCCC;



}

Hope that helps.

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 16 years 44 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

bottom border won't show up

First thing I would advise you do is validate your page. http://validator.w3.org/ You'll see it picks up a few errors straight away. You have a table but no tr or td tags for example. You have this line in your code floating around doing nothing but confuse browsers... <div id="logo"></div>. You have your list wrapped in two divs (mainwindow and navbar) which is unecessary in my opinion. You also have two stylesheets. You have an extra div tag at the bottom too. You also are using an incorrect doctype which could be sending some browsers into quirks mode. Some things to think about...HTH

PAUL - SkyRocket Design Co
web design sydney northern beaches

deadseasquirrels
Offline
newbie
Last seen: 16 years 37 weeks ago
Joined: 2004-02-06
Posts: 6
Points: 0

bottom border won't show up

there are a couple of things I would like to comment on. As for the table. I don't actually want to use a table. But I have yet to find a good solution to get my page centered without using a table. Some people like playing with the margins and so forth, but I think that solution is pretty hacky. Other than the fact that I don't have any <tr> or <td>, putting one table on the outside that contains everything else has worked out alright with me. The table is relatively positioned with css, so that everything else in it can have relative/absolute positioning with respect to it. I think that solution is pretty good (though some may differ).

As for the list in the two divs. I'm not sure what the proper style is, but since I am a newbie I am incorporating my thinking, some of which is from programming, into the page. I figure a navbar is in the mainwindow, and the navbar consists of elements which are in a list structure, which is why one is in another. I do a lot of <div> in <div>'s is that bad?

Where can I find more information about the correct doctype? I just used whatever dreamweaver put up there.

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 16 years 44 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

bottom border won't show up

Got to watch Dreamweaver as it can do that kind of thing - are you using an old version of DW? As for doctypes - this is a great article...

http://www.alistapart.com/articles/doctype/

PAUL - SkyRocket Design Co
web design sydney northern beaches

deadseasquirrels
Offline
newbie
Last seen: 16 years 37 weeks ago
Joined: 2004-02-06
Posts: 6
Points: 0

bottom border won't show up

I am using Dreamweaver MX, which is one version older. There are other weird things going on in Dreamweaver, but I am at a loss.