LinuxQuestions.org
Share your knowledge at the LQ Wiki.
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > Programming
User Name
Password
Programming This forum is for all programming questions.
The question does not have to be directly related to Linux and any language is fair game.

Notices


Reply
  Search this Thread
Old 08-01-2009, 03:30 PM   #1
esteeven
Senior Member
 
Registered: Oct 2001
Location: Bristol UK
Distribution: Slackware, Ubuntu
Posts: 1,062

Rep: Reputation: 46
html / css footer <div> won't behave


Hello
I am tearing my hair out trying to solve the following problem I have found with a html / css page I am building.
This is the page:

http://unhabit.com/test.html

I want there to be a footer <div>. In the css, it's called #logos. I cannot for the life of me get the footer to be at the foot of the page and right across it.

When I try to add images to the foot of the page instead of a footer div, they appear below the properties div on the right. At the moment, the footer is a header

I am certain I am missing something very obvious but I can't see it for looking http://ubuntuforums.org/images/smilies/icon_sad.gif

Please help. This is all very new to me!
 
Old 08-01-2009, 03:53 PM   #2
forubu
LQ Newbie
 
Registered: Jul 2009
Location: Trondheim, Norway
Distribution: Ubuntu
Posts: 28

Rep: Reputation: 16
I'm not quite sure what you are after but I took a look at your site.
In your css-page try to change the #logos section to this:
Code:
#logos {
position:absolute;
top:100%;
background:url("images/footer.jpg") 0 0 no-repeat;
height:70px;
width:100%;
    }
Maybe this will get you somewhere?
 
Old 08-02-2009, 08:04 AM   #3
chilali
LQ Newbie
 
Registered: Aug 2009
Posts: 6

Rep: Reputation: 0
html/css footer issues

Hi,

I took a look at your website and the code is very simple. Your space is not parsed well which is why your image won't appear where you want it to. This is why you are having the problem you are describing. If you use CSS to define all of the elements, your footer may look something like this:

#footer {
height:40px;
padding:25px 0 0 0 0px;
color:#eee
float:right
width:1000px;

}

You will have to parse the whole site for this to work properly
or just try this <div> code to use as a footer. However, the more you add to your page without parsing it, the more problems you will have.

I noticed have submit buttons on your page so it looks like you will be building on the site.

<div id='footer'><small>
<span class='fleft'>
<a href='#'></a>
</span></small>

/*or for the right side

<span class='fright'><small>
<a href='#'></a>
</small></span>
</div>

I hope this helps.

Mia
 
  


Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
css div - fixed size + center placement Ephracis Programming 6 12-05-2008 05:54 PM
CSS div layout Chronothread Programming 1 09-29-2008 06:00 PM
simplest way to center a <div> on the screen via css tanoatlq Programming 4 06-02-2008 02:50 AM
css/html wtf? extra space below div nkoplm Programming 1 06-27-2007 03:31 PM
Trying to create overlapping CSS div boxes. rose_bud4201 Programming 2 05-13-2007 02:27 PM

LinuxQuestions.org > Forums > Non-*NIX Forums > Programming

All times are GMT -5. The time now is 02:49 AM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Facebook: linuxquestions Google+: linuxquestions
Open Source Consulting | Domain Registration