ok. I had relative positioning on my parent td#wrapper - but it had no effect, so i removed it to simplify my code. #bottom-box is not aligning with #top-box.
(I hope you realise I am very appreciative that you are going through this with me - as I really want to understand.)
So to clarify my...
Believe me, I have tried that. What happens with "absolute" is it aligns itelf to the very bottom of the window! Like you said, "relative" positioning should be "relative" to the closest sibling in the document - which would be #wrapper right? But this does not happen.
right. I tried that. Dont work. #top-box and #bottom-box stay in the center of the <td>.
Here's my code:
#wrapper{
width:40px;
}
#top-box{
position:relative;
top:0px;
width:40px;
height:40px;
border:solid 1px #ff0000;
}
#bottom-box{
position:relative;
bottom:0px;
width:40px...
I am using the following doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
And I am using a #wrapper (whether its a div or td, whatever works) because i need to align #top-box to the top of #wrapper, and #bottom-box to the bottom of...
Ever since upgrading to Firefox 1.5, some existing code of my is no longer rendering correctly.
I need to expand the height of a <div> to vertically fill the height of a <td>. Note: the height of the <td> is not static, as the height is dynamically created based on the content within its...
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.