Jump to content


Photo

css tutorial question (tables to css,divs)


  • Please log in to reply
23 replies to this topic

#21 Misapoes

Misapoes

    Young Padawan

  • Members
  • Pip
  • 13 posts

Posted 30 July 2005 - 02:13 PM

yay! stupid me not thinking of that.. i thought it would be like the header and footer,totally seperated.

anyway,thanks a LOT! your the guy who wrote the tut,so thanks again! and thx everybody else!

edit: i just added a big footer (800 px width) how do i add it under the complete layout like the banner is above the content boxes?

Edited by Misapoes, 30 July 2005 - 02:14 PM.


#22 Misapoes

Misapoes

    Young Padawan

  • Members
  • Pip
  • 13 posts

Posted 30 July 2005 - 02:17 PM

heres a pic
Posted Image

i just want to include a footer like the banner,like 10 px under the whole layout
if i try it the layout messes up :unsure:

#23 raenef

raenef

    Code Enforcer

  • Members
  • PipPipPip
  • 540 posts
  • Location:Battle Creek, Michigan
  • Interests:Web Development and Graphic Design

Posted 30 July 2005 - 02:31 PM

I havent tested this but try this out. (quickly put together off the top of my head)
<html>
<head>etc.. etc...

<body>
<container div>
<links div> etc... etc...
<content div> etc.. etc...
<right links div> etc... etc...

<div style="clear: both;"></div>
<div id="footer">Your footer content here</div>

rest of the code </div></body></html>etc. etc

then for your css:
#footer{
width: 800px; /*change to however wide your layout is*/
height: 20px; /*change to how tall you want your footer to be*/
text-align: center;
font-family: arial, sans-serif;
color: #e6e6e6;
}

I hope you're able to understand my pseudo-code there lols
Ah and you're welcome plus thanks for reading and using the tutorial. :unsure:

Edit: bit of an explanation, the footer must come after the clear div otherwise the browser glitches up trying to float things all over still.

#24 coolaid

coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 30 July 2005 - 04:55 PM

or use the footer div as the clear div :) which would make less code




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users