7 replies [Last post]
jrmontg
Offline
Regular
Last seen: 17 years 35 weeks ago
Joined: 2004-09-23
Posts: 16
Points: 0

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;

co2
co2's picture
Offline
Leader
UK
Last seen: 14 years 6 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

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; } )

The next sentence is true. The previous sentence is false. Discuss...

jrmontg
Offline
Regular
Last seen: 17 years 35 weeks ago
Joined: 2004-09-23
Posts: 16
Points: 0

Page Layout help

yes it is a div.

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 8 years 44 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Page Layout help

HINT: look at co2's signature :roll:

Life's a b*tch and then you die!

jrmontg
Offline
Regular
Last seen: 17 years 35 weeks ago
Joined: 2004-09-23
Posts: 16
Points: 0

Page Layout help

added this and it worked.
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}
thanks for the suggestion.

jrmontg
Offline
Regular
Last seen: 17 years 35 weeks ago
Joined: 2004-09-23
Posts: 16
Points: 0

Page Layout help

HOW DO YOU MARK AS RESOLVED?

co2
co2's picture
Offline
Leader
UK
Last seen: 14 years 6 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

Page Layout help

Good question! Er, dunno! :? Maybe there should be a CSS attribute for it! Tongue

Here you go...

p#resolved:after
{
content: "RESOLVED";
color: red;
font-weight: bold;
}

Laughing out loud

[Will only work in decent browsers, Explorer need not apply! Tongue ]

The next sentence is true. The previous sentence is false. Discuss...

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 8 years 44 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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

Life's a b*tch and then you die!