- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
My CSS
body {
margin:0;
width:100%;
}
#page {
background-image:url(Images/bg4.jpg);
background-repeat:repeat;
height:100%;
position:relative;
}
#headerback {
background:#000;
height:125px;
left:0;
width:100%;
top:0;
border-color:black;
}
#header {
background-color:black;
width:1024px;
height:125px;
border-top-left-radius:5px;
border-top-right-radius:5px;
margin:0 auto;
color: #FFFFFF;
}
.header-image {
display:block;
width:248px;
height:124px;
max-height:100%;
max-width:100%;
overflow:hidden;
margin-left:10px;
float:left;
}
.header-text {
text-decoration-style:wavy;
font-family:’Adobe Hebrew’;
font-size:25px;
color:whitesmoke;
margin-top:15px;
margin-left:50px;
width:550px;
float:left;
text-align: center;
}
.header-text-bottom {
text-decoration-style:wavy;
font-family:’Adobe Hebrew’;
font-size:20px;
color:whitesmoke;
margin-left:300px;
width:200px;
margin-top:10px;
float:left;
text-align: right;
}
#Content-body {
background:#d9bf30;
height:auto !important;
height:100%;
position:relative;
width: 1024px;
text-align: left;
margin: 0 auto;
min-height:100%;
}
#footer {
background:#000;
width:100%;
height:100px;
position:absolute;
bottom:0;
left:0;
}
My HTML
I would suggest that you put this in Codepen as it’s difficult to analyse from the raw code.
Certainly you can’t do this….
height:auto !important;
height:100%;
@paulie_d :- Sir can you please tell me what to do to make it correct
@JamesMD :- No Sir My Footer is sticking to bottom but I want my content area to expand till footer irrespective of the content in it.