I am building a site in which the text is dynamic and changes often. The content box varies in size based on how much content is in it so I can't give my footer layer an absolute location. How do I make my footer layer move according to how much content I have?
Easy visual explanation:
<!-- m --><a class="postlink" href="http://www.aironiteoutlet.com/layout.phpIt's">http://www.aironiteoutlet.com/layout.phpIt's</a><!-- m --> the absolute positioning. You need to use relative positioning and floats.On just the footer, or on my entire layout? Sorry, coding isnt my thing :/ Dreamweaver MX rocks.On your entire layout.
Don't let Dreamweaver write your code for you. It's not very good at it. When you use absolute positioning you lose the flow of the document. With relative positioning and floats, there is a natural flow, so if one element has more content then the other elements are affected. That's exactly what you want here.
I'd float the left column left and use a big left margin on the right-column. The footer would have 'clear:both' to clear the float and have it sat underneath the longest column.
Is this making any sense?At the moment it's not making much sense, but I'll read more about relative positioning and floats until it does make sense. Thanks!Wow what a project. I just about got it. I can't seem to get the padding on my feature box and content box like I want, though. Can anyone help me with that? I don't like how the bottom boxes are so close together.
<!-- m --><a class="postlink" href="http://www.aironiteoutlet.com/new/layout.php">http://www.aironiteoutlet.com/new/layout.php</a><!-- m --> - here's my new layout with relative positioning.
Thanks!I hate to seem awkward, but the next thing you should do is read the article in my sig - the one about tables.
I'd love to help more, but tables give me a headache. What you want is a semantically-correct page - menus in ol/ul tags, paragraphs in p tags - stuff like that.
Sorry I can't be of more help, but... at least you got your footer fixed, eh?That's cool. Thanks for guiding me in the right direction. That's what I came here for. I've been doing this wrong for a while now and I'm ready to learn the right way.
Easy visual explanation:
<!-- m --><a class="postlink" href="http://www.aironiteoutlet.com/layout.phpIt's">http://www.aironiteoutlet.com/layout.phpIt's</a><!-- m --> the absolute positioning. You need to use relative positioning and floats.On just the footer, or on my entire layout? Sorry, coding isnt my thing :/ Dreamweaver MX rocks.On your entire layout.
Don't let Dreamweaver write your code for you. It's not very good at it. When you use absolute positioning you lose the flow of the document. With relative positioning and floats, there is a natural flow, so if one element has more content then the other elements are affected. That's exactly what you want here.
I'd float the left column left and use a big left margin on the right-column. The footer would have 'clear:both' to clear the float and have it sat underneath the longest column.
Is this making any sense?At the moment it's not making much sense, but I'll read more about relative positioning and floats until it does make sense. Thanks!Wow what a project. I just about got it. I can't seem to get the padding on my feature box and content box like I want, though. Can anyone help me with that? I don't like how the bottom boxes are so close together.
<!-- m --><a class="postlink" href="http://www.aironiteoutlet.com/new/layout.php">http://www.aironiteoutlet.com/new/layout.php</a><!-- m --> - here's my new layout with relative positioning.
Thanks!I hate to seem awkward, but the next thing you should do is read the article in my sig - the one about tables.
I'd love to help more, but tables give me a headache. What you want is a semantically-correct page - menus in ol/ul tags, paragraphs in p tags - stuff like that.
Sorry I can't be of more help, but... at least you got your footer fixed, eh?That's cool. Thanks for guiding me in the right direction. That's what I came here for. I've been doing this wrong for a while now and I'm ready to learn the right way.