Jump to content
Stef's Coding Community
perryc

Web Site Footer

Recommended Posts

Hello i was wondering if anybody had a solution to fix my footer, i have it divided up into 3 divs across the bottom to layout the text and such correctly, but it does not want to expand to cover the entire bottom horizontally when i view it in the browser.

 

 

 

 

Heres the test site: http://www.perrysdesign.com/perrys_design

 

 

Any help is very much appreciated.

 

 

 

Thanks,

 

 

 

Cody Perry

Share this post


Link to post
Share on other sites

I'm viewing with FX at 1280px width, and your footer is broken into 3 parts - the twitter and phone divs on the left, Perry's Design on the right kind of in the middle. There does not seem to be enough room to fit all 3 divs next to each other.

 

Also, it appears that the FB, Twitter, Envelope, and Phone image are separate images - I don't see the point for an image map. Just make each image a link. Overall, there are all kids of empty p tags and line breaks being used to create space - that's bad practice and clearly not 'web standard'.

Share this post


Link to post
Share on other sites
Hello i was wondering if anybody had a solution to fix my footer, i have it divided up into 3 divs across the bottom to layout the text and such correctly, but it does not want to expand to cover the entire bottom horizontally when i view it in the browser.

 

If you want it to stretch the entire width, you'll need to use percentages rather than a fixed pixel width for the elements. Something like this:

 

<div id="footer">

<div class="left">left</div>

<div class="center">center</div>

<div class="right">right</div>

</div>

 

where footer is 100% width and the three divs inside are each 33% width.

Share this post


Link to post
Share on other sites

Thanks for the help. One more question, once i set all of those to 33% how would i get the center one to be in the center, the left div to be on the left and the right div to be on the right like all on the same line and such so the text will line up together?

 

 

 

 

Thanks,

 

 

 

 

Cody Perry

Share this post


Link to post
Share on other sites

Thanks for the help. One more question, once i set all of those to 33% how would i get the center one to be in the center, the left div to be on the left and the right div to be on the right like all on the same line and such so the text will line up together?

I imagine you could float all three left.

Share this post


Link to post
Share on other sites

My bad that was a stupid question i got it now. Thanks for all your help both of you. I fixed all those line breaks and empty <p></p> tags as well.

 

 

 

 

 

Thanks,

 

 

 

Cody Perry

Share this post


Link to post
Share on other sites

Well first everybody who answered you already is a lot better than me. But why not make your footer one div and place all your items inside and place them with your css and then make it stretch all the way by #footer:{width 100%};

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...