Welcome to WebmasterWorld Guest from 54.196.2.131

Forum Moderators: not2easy

Message Too Old, No Replies

border not appearing

     
3:33 am on Mar 13, 2009 (gmt 0)

New User

5+ Year Member

joined:Oct 29, 2008
posts: 35
votes: 0


any idea why the white border i have around my wrapper-div appears in dreamweaver, but doesnít show when I upload it, and view it in firefox? it does show in internet explorer though.

Also, I have a 10 pixel padding on my bottom_nav div because want to add a little space between the bottom of the wrapper-div and my bottom nav bar, but that space isnít showing and I donít know why.

any ideas? thanks!

p {
font-size: 12px;
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
}
h1 {
font-size: 14px;
font-weight: bold;
color: #000099;
margin-top: 0px;
margin-bottom: 0px;
}
h2 {
font-size: 12px;
font-weight: bold;
color: #000099;
margin-top: 0px;
margin-bottom: 0px;
}
h3 {
font-size: 12px;
font-weight: bold;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
}
body {
background-image: url(pics/template_design/black_pattern1.jpg);
background-repeat: repeat;
margin: 0px;
padding: 0px;
}
#wrapper {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
width: 854px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
margin-bottom: 0px;
height: auto;
}
#inner_wrapper {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
width: auto;
clear: both;
}
#banner {
width: 852px;
background-image: url(pics/template_design/banner.jpg);
background-position: left top;
height: 120px;
float: left;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 2px;
padding: 0px;
background-repeat: no-repeat;
border: 0px solid;
}
#top_nav_bar {
color: #FFFFFF;
float: left;
width: 850px;
margin: 0px;
padding: 0px;
border-top: 0px solid #000066;
border-right: 1px solid #000066;
border-bottom: 0px solid #000066;
border-left: 2px solid #000066;
}
#middle {
background-color: #FFFFFF;
float: left;
height: auto;
width: 836px;
margin: 0px;
padding: 7px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
min-height: 325px;
border-top: 0px solid #000066;
border-right: 2px solid #000066;
border-bottom: 2px solid #000066;
border-left: 2px solid #000066;
}
#middle a:link {
color: #000000;
}
#middle a:visited {
color: #000000;
}
#middle a:hover {
color: #0066FF;
}
#flash {
float: none;
height: 230px;
margin: 0px;
padding: 10px 0px 0px;
width: 836px;
clear: right;
text-align: center;
vertical-align: middle;
}
#recent_projects {
height: 500px;
background-color: #DFDFDF;
width: 145px;
text-align: center;
font-weight: bold;
padding-right: 5px;
margin-left: 5px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 3px;
padding-bottom: 3px;

padding-left: 0px
float: right;
clear: right;
float: right;
padding-left: 5px;
}
#bottom_nav_bar {
color: #FFFFFF;
margin: 0px auto;
padding: 0px;
text-align: center;
width: 856px;
clear: both;
}
#bottom_nav_bar ul {
list-style-type: none;
margin: 0px 0px 0px 8px;
padding: 0px;
text-align: center;
text-decoration: none;
display:inline;

}
#bottom_nav_bar li {
display: inline;
padding: 0px 21px;
border-right-width: thin;
border-right-style: solid;
border-right-color: #FFFFFF;
margin: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#bottom_nav_bar li a:link {
display: inline;
color: #FFFFFF;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
#bottom_nav_bar li a:visited {
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#bottom_nav_bar li a:hover {
color: #FF0000;
text-decoration: none;
font-size: 14px;
}
#bottom_nav_bar li.last {
border-right-style: none;
font-size: 14px;
padding-right: 21px;
padding-left: 21px;
}
#footer {
color: #FFFFFF;
width: 856px;
margin: 10px auto;
padding: 0px;
text-align: center;
}
.clrflt {
clear: both;
height: 0px;
margin: 0px;
}

2:28 pm on Mar 14, 2009 (gmt 0)

Preferred Member

10+ Year Member

joined:Aug 25, 2007
posts:531
votes: 0


you should put all the border styles together like:

border-bottom: 1px solid #fff

That will save on space and readablity if you can. Not sure why it's not showing up.

1:16 pm on Mar 23, 2009 (gmt 0)

Junior Member

10+ Year Member

joined:Aug 25, 2003
posts:175
votes: 0


I cant see this 10px padding youve mentioned in this bottom_nav_bar:

#bottom_nav_bar {
color: #FFFFFF;
margin: 0px auto;
padding: 0px;
text-align: center;
width: 856px;
clear: both;
}

As for the missing border have you checked all width/heights are correct according to the box model as this might be hiding the border due to overlap or something.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members