Jump to content


Photo

Floating on the bottom?!


  • Please log in to reply
4 replies to this topic

#1 umbrella_thing

umbrella_thing
  • Members
  • PipPip
  • Member
  • 17 posts

Posted 10 July 2006 - 12:33 PM

Hi Guys
I have a website that has a div layer 600px wide, margin set to auto so it aligns in the center horozontally. What I want to anther div layer inside this "main" layer called "bottom" to sit, well, on the bottom.

So no matter how much stuff is on top its always at the bottom of the "main" div layer. Is this possible?

Thanks guys!

Umbrella ???

#2 makeshift_theory

makeshift_theory
  • Members
  • PipPipPip
  • Advanced Member
  • 226 posts

Posted 11 July 2006 - 06:05 PM

Sure is, the best thing to do is create a layout structure similar to this:
<div id="container">
<div id="header">
Put header info in here
</div>
<div id="bodycontainer">
<div id="leftside">
left side
</div>
<div id="center">
center
</div>
<div id="rightside">
right side
</div>
</div>
<div id="footer">
test
</div>
</div>

just copy and paste into dreamweaver or notepad and you'll see what it does.  Basically you use container div's to hold your left side, center etc...
<b>Emacs</b> it's great for the body.
<br><br>
<b>Trust the TechnoLust</b>

<b><u>Have a question check here:</u></b>
PHP Manual: http://www.php.net

#3 umbrella_thing

umbrella_thing
  • Members
  • PipPip
  • Member
  • 17 posts

Posted 13 July 2006 - 01:32 AM

Ahh thanks man, I realised the question doesn't really make sense, but I know what your saying :)

Thanks!

#4 makeshift_theory

makeshift_theory
  • Members
  • PipPipPip
  • Advanced Member
  • 226 posts

Posted 19 July 2006 - 05:24 PM

No problem mate =)
<b>Emacs</b> it's great for the body.
<br><br>
<b>Trust the TechnoLust</b>

<b><u>Have a question check here:</u></b>
PHP Manual: http://www.php.net

#5 dbrimlow

dbrimlow
  • Members
  • PipPipPip
  • Advanced Member
  • 712 posts

Posted 21 July 2006 - 05:49 PM

Hmmm.

That is indeed a simple layout order solution within the markup body tag, and if all divs are the same and one on top of the other, the footer will indeed be last.

But you are putting divs for left middle and right columns. 600px width is not enough room to work with for a container when creating a 2 or 3 column layout.

But if you just want a top, middle and bottom, no problem. But that still doesn't take into account paddings, borders, margins, floats, clears, box level componants, navigation, etc. within the divs.

What I mean is, it doesn't address the actual css for the div attributes. And if you try to have 2 columns float:left, and do not specify how the footer should handle that, you could end up with a 1200 wide container with a footer alongside the banner.

The key to footers is to make the width match the container and not let it wrap.
width:100%, clear:both works for most layouts.



Dave

I am always amazed by no matter how much I know, I know I don't know as much as I thought I knew.  - D. Brimlow.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users