small medium large xlarge

Generic-user-small
09 Mar 2012, 18:53
Shaban Karumba (6 posts)

Hi I am having trouble with my footer as I want it to be at the bottom but it floats on the right hand side.

The HTML is follows:

<!DOCTYPE html>

B******** <%= stylesheet_link_tag "application" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %>
<%= image_tag("ogo.jpg") %>
<%= form_tag products_path, :method => :get do %>

<%= text_field_tag :search, params[:search] %> <%= submit_tag "Search", :name => nil %> <% end %>

<% if @cart %> <%= hidden_div_if(@cart.line_items.empty?, id: 'cart') do %> <%= render @cart %> <% end %> <% end %> <% if session[:user_id] %>
  • <%= link_to 'Orders', orders_path %>
  • <%= link_to 'Products', products_path %>
  • <%= link_to 'Users', users_path %>
<%= button_to 'Logout', logout_path, method: :delete %> <% end %>
<%= yield %>
  • <%= link_to "About", page_path("About") =%>
  • <%= link_to "Contact", page_path("Contact") =%>
  • <%= link_to "Privacy", page_path("FAQ") =%>
  • <%= link_to "Returns", page_path("Returns") =%>
  • <%= link_to "Delivery", page_path("Delivery") =%>
The CSS is as follows: /* * This is a manifest file that'll automatically include all the stylesheets available in this directory * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at * the top of the compiled file, but it's generally better to create a new file per style scope. *= require_self *= require_tree . */ #banner { background: #FFFFFF; padding: 10px; border-bottom: 2px solid; font: small-caps 40px/40px "Times New Roman", serif; color: #FF0000; text-align: center; height: 200px; img { float: center; } #search { float: right; margin: 0%; } } #notice { color: #000 !important; border: 2px solid red; padding: 1em; margin-bottom: 2em; background-color: #D8D8D0; font: bold smaller sans-serif; } #columns { background: #FFFFFF; #main { margin-left: 17em; padding: 1em; background: white; } #side { float: left; padding: 1em 2em; width: 13em; background: #D8D8D0; form, div { display: inline; } input { font-size: small; } #cart { font-size: smaller; color: Black; table { border-top: 1px dotted #595; border-bottom: 1px dotted #595; margin-bottom: 10px; } } ul { padding: 0; li { list-style: none; a { color: #000000; font-size: small; } } } } } .Blind_Love_form { fieldset { background: #efe; legend { color: #dfd; background: #141; font-family: sans-serif; padding: 0.2em 1em; } } form { label { width: 5em; float: left; text-align: right; padding-top: 0.2em; margin-right: 0.1em; display: block; } select, textarea, input { margin-left: 0.5em; } .submit { margin-left: 4em; } br { display: none } } #footer .push { list-style: none ; padding: 0; margin: 0; height: 30; } #footer li { display: inline; } } What could I be typing in wrong?

You must be logged in to comment