SitePoint Sponsor |
|
User Tag List
Results 1 to 3 of 3
Thread: Removing white space in DIV?
-
Jun 7, 2005, 11:03 #1
- Join Date
- Aug 2002
- Location
- Denmark
- Posts
- 270
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Removing white space in DIV?
I have a question about this layout:
http://www.kajakzonen.dk/forside.html
I would really like to get rid of some of the white space between the content area and the right hand banner.
This is the css code:
body {
background: #333333;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 10px
font-size: 100%; Color: #333333; font-family: verdana, arial, helvetica, sans-serif; text-align: center;
}
#outer {
margin-left: auto;
width: 888px;
margin-right: auto;
text-align: left;
}
#logobox {
background: lightblue;
width: 728px;
height: 34px;
}
#banner {
background: url(images/top-banner.gif);
width: 728px;
height: 90px;
}
#nav {
border-top: #333333 1px solid;
background: url(images/top-links.gif) no-repeat left center;
width: 728px;
height: 48px;
}
#nav ul {
padding-left: 10px;
padding-top: 10 px;
list-style-type: none
}
#nav li {
display: inline
}
#nav a {
border-right: #ffffff 1px solid;
padding-right: 10px;
padding-left: 10px;
Padding-bottom: 0px;
Padding-top: 0px;
font-size: 11px;
color: #ffffff;
text-decoration: none
}
#nav a:hover {
color: #FBCDB2
}
#content {
background: #ffffff;
float: left;
width: 728px;
}
#left {
float: left;
width: 220px;
background: #ffffff;
}
.left-inner {
border-right: #D7D7D7 1px solid;
border-top: #D7D7D7 1px solid;
border-left: #D7D7D7 1px solid;
border-bottom: #D7D7D7 1px solid;
background: #ffffff;
}
.left-outer {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
BACKGROUND: #f2f2f2;
PADDING-BOTTOM: 5px; MARGIN: 10px;
WIDTH: 190px;
PADDING-TOP: 5px
}
html .left-outer {
width: 200px;
}
.left-outer p {
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px
}
#centre p {
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px
}
#centre {
float: right;
width: 508px;
background: #ffffff;
}
#centre-inner {
padding-right: 5px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 0px
}
#right {
background: blue;
left: 0px;
float: right;
width: 160px;
margin-right: 0px;
position: relative
}
.clearer {
CLEAR: both; MARGIN-TOP: -1px; OVERFLOW: hidden; HEIGHT: 1px
}
#footer {
BACKGROUND: url(images/arrow.gif) #e43100 no-repeat left center; WIDTH: 729px; COLOR: #fff; HEIGHT: 40px; TEXT-ALIGN: center
}Learn more about Solar Panel Installation
-
Jun 7, 2005, 11:28 #2
- Join Date
- May 2003
- Location
- Cambridge, UK
- Posts
- 2,366
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Remove the padding-right from either the #centre-inner or the p elements. Also add a DOCTYPE declaration.
-
Jun 7, 2005, 16:25 #3
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Thread closed as I've answered this in the other thread
Bookmarks