I am new to CSS and I have my page just about the way I want it except I have a space above and to the left of my "Banner". Does anyone know how I can get rid of this space?
I have the following CSS:
#Banner {
width: 80%;
float:left;
background: white;
padding-bottom: 1em;
text-align: justify;
}
#RightBanner {
width:20%;
float:left;
background: white;
padding-bottom: 1em;
}
#columnLeft {
width: 20%;
float:left;
background: white;
padding-bottom: 1em;
text-align: justify;
}
#columnMain {
width:47%;
float:left;
background: white;
padding-bottom: 1em;
}
#columnRight {
width: 33%;
float: left;
background: white;
padding-bottom: 1em;
}
#footer {
clear: both;
padding-bottom: 1em;
border-top: 1px solid #333;
text-align: center;
Page Layout help
Is it a div? Isn't clear from your code... Also, could it be the body default margin of the page? (i.e. use body { margin: 0; padding: 0; } )
Page Layout help
yes it is a div.
Page Layout help
HINT: look at co2's signature :roll:
Page Layout help
added this and it worked.
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}
thanks for the suggestion.
Page Layout help
HOW DO YOU MARK AS RESOLVED?
Page Layout help
Good question! Er, dunno! :? Maybe there should be a CSS attribute for it!
Here you go...
p#resolved:after
{
content: "RESOLVED";
color: red;
font-weight: bold;
}
[Will only work in decent browsers, Explorer need not apply! ]
Page Layout help
I tried forcing the code with this but it doesn't work:
#forum {
display: bugzilla;
}
Maybe I should try it in Safari #-o