By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,730 Members | 1,546 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,730 IT Pros & Developers. It's quick & easy.

float: left

mickey0
100+
P: 142
Hello,
I followed this example that "should" working (not to me):
http://lau.csi.it/realizzare/accessibilita/fogli_di_stile/position/completo.htm ]float[/url]
and I wrote my css:
Expand|Select|Wrap|Line Numbers
  1. body { background-color: white; color: black; padding: 10px;  }
  2. div.footer {   
  3.     padding: 0.5em;
  4.     color: white;
  5.     background-color: gray;
  6.     clear: left;
  7.     border: Solid 2px;
  8.  
  9. }
  10.  
  11. div.footer .middle {
  12.     margin: 0 15%;         
  13.     border: Dashed 2px;
  14. }
  15. div.footer .right {
  16.     width: 15%;
  17.     float:left;
  18.     margin-right: 10%; 
  19.     border: Dashed 2px;
  20. }
  21.  
  22. div.footer .left {
  23.     float:left;
  24.     width: 15%;
  25.     margin-left: 0%;
  26.     border: Dashed 2px;
  27. }
  28.     <div class="footer">
  29.     <div class="left"> Hiya!!! </div>
  30.     <div class="middle">Hello everybody</div>
  31.     <div class="right">
  32.        Copyright 2011 by EX
  33.     </div>
  34.     </div>
  35.  
If I put the margin of the link, it doens't show the content of "left" and "right" part; if I use the margins as I wrote here above, it doens't show the content of "right".
What I want is: a footer with a sign on the left (with the text left aligned), a sign in the middle, and one on the right (with the text right aligned). I thin that the problem are not just the margins. Can anybody help, please?
Oct 25 '11 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.