I have a footer that is attached to my main content area, when I add more text it just stays in the same place.
.contentarea {
position: absolute;
height: 455px;
width: 694px;
top: 107px;
left: 107px;
background-color: #ffffe6;
}
.legal {
position: relative;
height: 38px;
width: 696px;
background-color: #ffcc00;
text-align: center;
}
{
Any idea why this isn't working?
Thanks for the help,
ScubaI'd need the html as well to be certain, but when you position an element absolutely it removes it from the document flow. Hence anything underneath ignores it.
Does that help?I created this code to test an idea and it works flawlessly, when I try the same thing in the site I am preparing though it doesn't want to work. What gives? Thanks for the help so far.
<body>
<div class="hugeBox">
<div class="content">
<div class="legal">
<font color="#99FF33">hidy ho good neighbor</font></div>
</div>
</div>
</body>
</html>
/* CSS Document */
.hugeBox {
min-height:100%;
min-width: 100%;
background-color: blue;
}
.content {
position: relative;
height: 466px;
width: 400px;
background-color: green;
}
.legal {
position: relative;
height: 100px;
width: 400 px;
background-color: black;
}it works as long as I do not give it top and left attributes. I guess that makes sense. How though is it possible to position elements to where I need them to be using only relative postioning.can you give me a rough outline of what you want the layout to be?
a common command for layouts is float:left; (or 'right'), because then you can use clear: left; (or 'right' or 'both')
Your best bet is either to describe what layout you want here, or use google to find someone else offering the code to do it.
.contentarea {
position: absolute;
height: 455px;
width: 694px;
top: 107px;
left: 107px;
background-color: #ffffe6;
}
.legal {
position: relative;
height: 38px;
width: 696px;
background-color: #ffcc00;
text-align: center;
}
{
Any idea why this isn't working?
Thanks for the help,
ScubaI'd need the html as well to be certain, but when you position an element absolutely it removes it from the document flow. Hence anything underneath ignores it.
Does that help?I created this code to test an idea and it works flawlessly, when I try the same thing in the site I am preparing though it doesn't want to work. What gives? Thanks for the help so far.
<body>
<div class="hugeBox">
<div class="content">
<div class="legal">
<font color="#99FF33">hidy ho good neighbor</font></div>
</div>
</div>
</body>
</html>
/* CSS Document */
.hugeBox {
min-height:100%;
min-width: 100%;
background-color: blue;
}
.content {
position: relative;
height: 466px;
width: 400px;
background-color: green;
}
.legal {
position: relative;
height: 100px;
width: 400 px;
background-color: black;
}it works as long as I do not give it top and left attributes. I guess that makes sense. How though is it possible to position elements to where I need them to be using only relative postioning.can you give me a rough outline of what you want the layout to be?
a common command for layouts is float:left; (or 'right'), because then you can use clear: left; (or 'right' or 'both')
Your best bet is either to describe what layout you want here, or use google to find someone else offering the code to do it.