Forum Moderators: not2easy
I am having a problem moving up the content section so that it is inline with the top of the left and right sidebar.
The CSS is below
html, body {
height: 100%;
margin: 0;
}
#container {
min-height: 100%;
position: relative;
background-color: #e0f4f9;
}
#header {
padding: .2em;
background-image: url('images/head-bg.gif');
height: 126px;
background-repeat: repeat-x;
color: #C0DF72;
font-style: italic;
}
#leftnav {
float: left;
width: 160px;
margin: 0;
padding: 1em;
color: #0000FF;
font-style: italic;
}
#rightnav {
text-align: center;
float: right;
width: 160px;
margin: 0;
padding: 1em;
color: #0000FF;
font-style: italic;
}
#content {
margin-left: 200px;
margin-right: 200px;
height: 100%;
overflow: auto;
font-size: 150%;
clear: both;
padding-bottom: 50px;
background-color: #FFFFFF;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
background-image: url('images/footer-bg.gif');
background-repeat: repeat-x;
height: 50px;
}
And the HTML I am using
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="leftnav">
Left Sidebar</div>
<div id="rightnav">
Right Sidebar</div>
<div id="content">
content.</div>
<div id="footer">
footer</div>
</div>
</body>
</html>
Could someone point me in the right direction
Thanks
clear: both;
I have just been looking at the photobucket site and have noticed a nice effect I would like to use on my site, the effect I think is some sort of overlay which is activated on mouseover, this puts another box around the image.
I am using music album images on my site and think that if I could use this effect I could list the album track listing to.
I have taken a look at the page source but without the css to go with this it is of little help to me.
The code I am currently using was supplied by someone on this forum who kindly helped before, it should be listed in this thread above this posting, how do I or could I add the mouseover coding to the code I already have?
Thanks again for the help this forum gives.
