Imaginary footer at the bottom of page

Similar Questions

• Sliding and pinning of the footer at the bottom of page

  How can I create a footer which slides up in the window and remains pinned at the bottom of the browser window >

  Hi 204,

  Please check the following forum thread, it might be useful:

  https://forums.Adobe.com/message/4684955

  Kind regards

  Sonam

• Icons from left to right at the bottom of page

  I have a footer at the bottom of my page.

  The foot is divided into 3 div

  The first div is 2 columns wide, the second is wide from 8 columns and the third is broad 2 columns (from left to right)

  In the first div are text links. In the Middle div is my copyright logo. Where my social media icons is the right div

  The icons are by default one on the other. I want them to be on the same line, so they left and right.

  Between the doc to html and css, I can't figure this.

  If you are using Bootstrap, use built-in classes to pull to the left or drop down to the right on your icons.

  Otherwise, name of custom class to your icons and their fleet with CSS.

  . Icons {float: left; width: auto}

  Nancy O.

• How to move the contents of the footer to the bottom of the browser window

  I use default globe exculpatory for portal ADF applications, but seeing that the footnote page note gets to the bottom of the browser window. Can anyone help here please on how to get there?
  
  
  Kind regards
  Frédéric

  Hello.

  Includes your page of templeta in a who follows these steps:

  (1) put your ** in ** to ** without your footer. (Everything except the foot of page and xmlAttributes)
  (2) put your ** with the footer in ** (only the bottom of page).

  With ** you can solve your problem.

  Kind regards. Daniel.

  PD: I stick an updated model that I have pageTemplate_globe with panelStretch. I hope to help you.

  
  
  xmlns:f = "http://java.sun.com/jsf/core".
  xmlns:af = "http://xmlns.oracle.com/adf/faces/rich".
  xmlns:PE = "http://xmlns.oracle.com/adf/pageeditor".
  Cust = "http://xmlns.oracle.com/adf/faces/customizable."
  xmlns = "http://java.sun.com/jsp/jstl/core" >
  
  
  
  
  
  
  rendered = "#{! composerContext.inEditMode or facesContext.viewRoot.viewId == ' / oracle/webcenter/siteresources/scopedMD/s8bba98ff_4cbb_40b8_beee_296c916a23ed/siteTemplate/gsr395559d2_16dc_4c21_89f8_f62c184d3bbc/Container.jspx '}" > "
  
  
  value = "Copyright 2010 - Oracle and/or its affiliates. All rights reserved. />
  
  
  
  
  inlineStyle = "width: #{attrs.contentWidth};" » >
  
  
  inlineStyle = "width: #{attrs.contentWidth};" » >
  
  
  rendered = "#{! composerContext.inEditMode or attrs.isEditingTemplate} '"
  inlineStyle='background-image:url(#{facesContext.externalContext.requestContextPath}/images/globe.png);' >
  
  
  inlineStyle = "" border-style: none; ">"
  
  

  
  
  inlineStyle = "do-size: x-large;" color: white; » />
  

  
  

  
  
  ID = "pt_ot6".
  inlineStyle = "color: #558ff9;" make-style: italic; font-size: small; » />
  

  
  
  
  
  
  
  HAlign = "end".
  inlineStyle = "padding: 6px 8px" >
  
  
  inlineStyle = "" white-space: nowrap ">"
  
  
  
  
  inlineStyle = "color: White;" / >
  
  
  
  
  
  value = "welcome #{securityContext.userName}".
  inlineStyle = "color: White;" font-size: small; »
  rendered = "#{attrs.showGreetings}" / >
  
  
  destination = "" / admin ""
  rendered = "#{attrs.showAdmin and! attrs.isAdminPage} '"
  inlineStyle = "do-size: small;" color: white; » />
  
  
  destination = ' / '.
  rendered = "#{attrs.showAdmin and attrs.isAdminPage} '"
  inlineStyle = "do-size: small;" color: white; » />
  
  
  action = "#{o_w_s_l_LoginBackingBean.doLogout} '"
  rendered = "#{SecurityContext.Authenticated} '"
  inlineStyle = "do-size: small;" color: white; » />
  
  
  
  rendered = "#{attrs.showLogin and! securityContext.authenticated}" > "
  
  
  styleClass = "NoLabelWrap."
  labelStyle = "font-size: s;" color: white; » >
  
  value = "#{o_w_s_l_LoginBackingBean.UserName} '"
  columns = "15" / >
  
  
  styleClass = "NoLabelWrap."
  labelStyle = "font-size: s;" color: white; » >
  
  value = "#{o_w_s_l_LoginBackingBean.Password} '"
  columns = "15" secret = "true" / >
  
  
  
  
  HAlign = 'end' >
  
  action = "#{o_w_s_l_LoginBackingBean.doLogin} '"
  inlineStyle = "font-size: s;" color: white; » />
  
  
  
  
  
  
  
  
  inlineStyle = "(background-image: url(#{facesContext.externalContext.requestContextPath}/images/globe_tab-bkg.png);" background-top position: center; background-repeat: repeat-x; padding-top: 2px; »
  rendered = "#{! composerContext.inEditMode and attrs.showNavigation and! attrs.isEditingTemplate}" > "
  
  inlineStyle = ' height: 20px; ">
  
  
  
  "{[items="#{navigationContext.defaultNavigationModel.listModel['startNode=/, includeStartNode = false']} ">
  
  
  facetName = "#{(empty node.attributes['Target']) |}" (node.attributes ['Target'] is "_popup")? ' {'command': "golink"} ">
  
  
  inlineStyle = "do-size: small;" #{node.selected?-weight: bold;} " : ''} »
  action = "pprnav".
  Disabled = ' #{not node.navigable}.
  actionListener = "#{navigationContext.processAction} '"
  clientComponent = "#{node.attributes ['Target'] =="_popup"? true: false}" > "
  
  
  
  align = "afterStart."
  triggerType = "mouseOver" / >
  
  
  value="#{node.navigationModel.metadataId}"/ >
  
  value = "#{node.prettyUrl}" / >
  
  value = "#{node.title}" / >
  
  triggerType = 'action' / >
  
  
  
  
  
  destination = "#{node.goLinkPrettyUrl} '"
  targetFrame = "#{node.attributes ['Target']}" "
  inlineStyle = "do-size: small;" #{node.selected?-weight: bold;} " : ''} » >
  
  align = "afterStart."
  triggerType = "mouseOver" / >
  
  
  
  
  
  animate = "false".
  rendering = "#{!}" empty node.children}">
  
  
  items = "#{node." Children}">
  
  
  facetName = "#{(empty node2.attributes['Target']) |}" (node2.attributes ['Target'] is "_popup")? ' {'command': "golink"} ">
  
  
  inlineStyle = ' #{node2.selected?» -weight: bold; " : ''} »
  action = "pprnav".
  Disabled = ' #{not node2.navigable}.
  actionListener = "#{navigationContext.processAction} '"
  clientComponent = "#{node2.attributes ['Target'] =="_popup"? true: false}" > "
  
  
  
  
  value="#{node2.navigationModel.metadataId}"/ >
  
  value = "#{Node2.prettyUrl}" / > "
  
  value = "#{Node2.title}" / > "
  
  triggerType = 'action' / >
  
  
  
  
  
  destination = "#{Node2.goLinkPrettyUrl} '"
  targetFrame = "#{node2.attributes ['Target']}" "
  inlineStyle = "do-size: small;" #{node2.selected?-weight: bold;} " : ''} » / >
  
  
  
  
  
  
  
  
  
  
  launcherVar = 'source' eventContext "Launcher" = >
  
  to = "#{viewScope.modelPath} '"
  Type = "popupFetch" / >
  
  to = "#{viewScope.selectedPrettyUrl} '"
  Type = "popupFetch" / >
  
  to = "#{viewScope.selectedTitle} '"
  Type = "popupFetch" / >
  
  type = 'Cancel' cancelTextAndAccessKey = 'Close' >
  
  ID = "pt_r1" / >
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Globe Page template
  
  Facet for the content
  content
  
  
  contentWidth
  java.lang.String
  100%
  
  
  showNavigation
  java.lang.Boolean
  #{true}
  
  
  showGreetings
  java.lang.Boolean
  #{securityContext.authenticated}
  
  
  showLogin
  java.lang.Boolean
  #{true}
  
  
  showAdmin
  java.lang.Boolean
  #{securityContext.authenticated}
  
  
  isAdminPage
  java.lang.Boolean
  #{false}
  
  
  isEditingTemplate
  java.lang.Boolean
  #{false}
  
  
  
  
  

• Setting a footer at the bottom of the browser window

  Hello

  I would like to know how to repair a footer at the bottom of the browser window while having the body of the drop-down page behind it.  I already have the fixed footer down, but when the body becomes longer than the window, the footer scrolls too.  I would like to have the floating body extends up to the window of exaclty like the page here:

  http://reneguillen.com/

  It is hard for me to decipher the code to indicate how he gets this effect.  Can you help me with this?

  Thank you!

  Foot sticking to aid position: fixed.

  CSS:

  #footer {}

  color: #FFF;

  Background: #000;

  position: fixed;

  / * adjust location * /.

  right: 0px;

  Bottom: 0px;

  padding: 0 10px 10px 0;

  Width: 100%;

  }

  HTML:

  Here's a Sticky Footer

  Nancy O.

• Keep a footer at the bottom of the browser window?

  I need my footer to sit at the bottom of the visible page area. If there is not a lot of content above it, then I can do that easily with absolute positioning.

  However if there is a lot of content if you have scroll bars on the page, and then when you scroll the stay of doenst div of footer at the bottom of the visible area of the page, but rather scroll you in front of her.

  Here, the window is larger than the content, so everything is ok:

  http://smartpeopletalkfast.co.UK/pics/first.jpg

  Here, the content is larger than the window. Without the scrolling footer div is in the right place:

  http://smartpeopletalkfast.co.UK/pics/second.jpg

  But now, when you scroll the stay of doenst div at the bottom of the window:

  http://smartpeopletalkfast.co.UK/pics/third.jpg

  Is there a solution to this?

  Thank you

  It does exactly what the previous poster had it do.  If you want it to be visible regardless of the length of the content and to scroll the page, move the footer outside your container div and set the fixed position.  Just be sure that you have enough margin on the background of the div so that the footer div does not end the duplication of content.

• How to stretch content div at the bottom of page.

  Summer messing around with my site so I had to create a new.

  However, I can't stretch the div contained to the bottom of the page if the page does not meet the content text.

  I have a footer at the bottom of the page that spans the entire width of the page, so I can't use the thing with the bottom of the body.

  I found a large number of results on the internet, but it seems to me a little lost.

  Can someone help me?

  It's my HTML code:

  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  "< html xmlns ="http://www.w3.org/1999/xhtml">".
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  <!-TemplateBeginEditable name = "doctitle"-->
  Schudden fansite < title > < / title >
  <! - TemplateEndEditable - >
  <!-TemplateBeginEditable name = "head"->
  <! - TemplateEndEditable - >
  "" < link href = "... / css/Noorderzon.css" rel = "stylesheet" type = "text/css" / > < / head >

  < body class = "oneColElsCtrHdr" >

  < div id = "container" >
  < div id = "header" >
  < h1 > < / h1 >
  <!-end #header--> < / div >
  < div id = "mainContent" >
  < div id = "nav" > < a href = "#" title = "Home" > home < /a > | < a href = "#" title = "Biography" > < /a > biography | < a href = "#" title = "News & amp; Updates"> News & amp; Updates < /a > | < a href = "#" title = "Gallery" > Gallery < /a > | < a href = "#" title = "Work portfolio" > portfolio work < /a > | < a href = "#" title = 'Links' > links < /a > | < a href = "#" title = "Contact" > Contact < /a > < / div >
  Main content < p > < /p >
  < p > Lorem ipsum dolor sit amet, adipiscing elit our. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Amongst ornare risus quis ligula. P < /p >
  < h2 > < / h2 >
  < p > < / p >
  < / div >
  < div id = "footer" >
  < p > < / p >
  <!-end #footer--> < / div >
  <!-end #container--> < / div >
  < / body >
  < / html >

  And this is the CSS code:

  @charset "utf-8";
  {body
  padding: 0;
  text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
  Color: #000000;
  do-family: Verdana, Arial, Helvetica, without serif.
  do-size: 9pt;
  background-color: #800000;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  left margin: auto;
  height: 100%;
  }
  body, td, th {}
  do-size: 9pt;
  Color: #333;
  }
  / * Tips for Elastic layouts
  1. Since the elastic layouts overall size is based on the user's default font size, they are more unpredictable. Used correctly, they are also more accessible for those who need larger fonts given the length of the line remains proportionate.
  2. sizing of the divs in this provision are based on 100% font size in the body element. If you decrease the overall size of the text by using a font size: 80% on the body element or the #container, remember that the complete provision will reduce proportionally. You can increase the widths of the divs to compensate for this.
  3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.
  */
  #container {}
  Width: 100%;
  text-align: center; / * This setting overrides the text-align: center on the body element. */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  left margin: auto;
  background-color: #800000;
  padding-bottom: 0px;
  Top: 0px;
  Bottom: 0px;
  height: 100%;
  }
  #header {}
  Width: 960px;
  padding-top: 0;
  padding-bottom: 0;
  height: 160px;
  margin-right: auto;
  left margin: auto;
  background-color: #DDDDDD;
  background-image: url (.. / images/header.jpg);
  }
  #header h1 {}
  margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
  padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
  }
  #mainContent {}
  Width: 960px;
  margin-right: auto;
  left margin: auto;
  padding-top: 0;
  padding-right: 0px;
  padding-bottom: 0;
  padding-left: 0px;
  background-image: url (.. / images/mainbg.jpg);
  height: 100%;
  }

  #nav {}
  text-align: center;
  margin-top: 0px;
  do-family: Verdana, Arial, Helvetica, without serif.
  do-size: 10pt;
  Color: #000;
  Police-weight: 700;
  padding-top: 9px;
  padding-bottom: 10px;
  text-decoration: none;
  background-image: url (.. / images/mainbg.jpg);
  background-repeat: repeat;
  Width: 960px;
  }

  #nav a {}
  Background: #fff;
  Color: #000;
  text-decoration: none;
  }

  #nav a: active {}
  Background: #fff;
  color: #800000;
  }

  #nav a: hover {}
  Background: #fff;
  Color: #000;
  do-size: 10pt;
  padding-bottom: 2px;
  border-bottom-width: 3px;
  border-bottom-style: dotted;
  border-bottom-color: #800000;
  }
  a: link {}
  Color: #000;
  }
  a: hover {}
  color: #800000;
  }
  a: active {}
  color: #369;
  }

  
  a: visited {}
  color: #369;
  }
  #footer {}
  height: 100px;
  Width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  background-image: url (.. / images/bottom.png);
  margin-bottom: 0px;
  Bottom: 0px;
  position: fixed;
  }

  Glad to be of assistance.  You can mark this question as answered this.

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB
  http://ALT-Web.blogspot.com

• What is the orange dot on the bottom of page average smiley face?

  What is the orange dot on the bottom of page average smiley face?

  Is this orange dot on the smiley thing in the instant message box

• How to disable / enable the url at the bottom of page?

  When I print a document the URL is printed at the bottom of page. How can I enable / disable that?

  I have a HP Envy 4500

  Hello @Ertmania,

  Welcome to the Forums of HP Support! I can't see when you print pages on the Internet you always get the URLS of the Web Pages at the bottom of the page. It is a simple and easy solution, please follow the steps below:

  1. open your Internet Explorer browser

  2. in the upper right corner, click on the option of the gear (settings)

  3. go to print and layout

  4. under the heading headers and footers of ensure that footers is empty

  I hope this helps!

  Thank you

• I created a form to complete 4 page. I would like to place a button at the bottom of page 4 when you click inserts another copy of the form in the existing file. I have the user to have the ability to easily create muliple copies of the same 4 pages in

  I created a form to complete 4 page in Acrobat. I would like to place a button at the bottom of page 4 when you click inserts another copy of the form in the existing file. I want the user to have the ability to easily create multiple copies of the same 4 pages in a single file. It is possible with Acrobat? I use a PC.

  It is possible using models and JavaScript, but if it is to work with the player, users will need to use the desktop version (Windows/Mac) of 11 Reader or CD player. Here is a link to an older article which explains the basics: Planet PDF - a lesson in the templates for Adobe Acrobat

  Note that this is a bit outdated, but it should help you get started. If you have any other questions, post them in the Acrobat JavaScript here forum: JavaScript

• The top of page 2 appeared at the bottom of Page 1

  Top of page 2 is now appearing at the bottom of Page 1 and I can't seem to understand how to bring it to the appropriate page.  I searched on Google and he suggested starting point tool.  In order to better explain what is my problem... in Word (and the document has been created from a form; not a Word document) I would have used a page break.  Unable to find anything like that.

  Sorry for what a quesiton of novice.

  Yes even if they say that you can convert to a doessn can't word Document it keep the word line breaks and the line ends with a return.

  You must do some editting before you can reuse.

  Other applications (for Mac and can be the same for PC) who turns to the Office of the PDF document. I don ' know there if do it better:

  Nuance PDF Converter for Mac

  PDF2Office v6.0

  Solid PDF to Word

  Wondershare PDF Editor Pro

  They can do better.

  It would be actually better so have a backup to: text.

  This way when you open it in Word to automatically on formatting a Word Document if it was introduced, to a vacuum worrd Document.  You will always have to redo any design of forms.

• Number exhibitor at the bottom of page

  Our model company requires that each note number exponent - not only in the body of the text, but in the note itself. Is there a way so that InDesign can make automatically exposing? I can do it manually, but I guess that there is a way for the numbers to be automatically exposed.

  I use CS4 and am new with the program. I do not search the forum, but the only related responses did not say how to apply it to the number in the reference area, only the number in the body of the text.

  I was going to say that it was quite easy, but actually turned out be super easy!

  I'll assume you have a paragraph reference style dedicated - you don't want your notes to resemble your text.

  1. In this paragraph style definition, call the GREP Style Panel.
  2. Click on the button 'New GREP Style'
  3. A new item will appear in the GREP list; Click on the text [no] next to "Apply a Style" - it's actually a drop-down list.
  4. If you already have a character with just exposing style, you can select it here. otherwise, first make a by choosing "new character Style...". "downstairs, name it 'exposing' and have it only apply"exposing ".
  5. Click in the field next to "text" - its default value is '\d+', which means that the style would be applied to all numbers. Now tended to want to be exhibitor numbers, but... not all in the entire note! So, you'll have to imagine a way "only apply to numbers that are at the beginning of the note"... (which is, in fact, quite possible! And I'd be a Jongware happy to tell you how to remove this particular thing - but I digress. Sorry). The "super-easy" is because if you the do try to use '\d+', all the numbers at the bottom of page will be Exhibitor except reference numbers themselves! So why the "super easy"? Reference numbers have a unique code that is clean, so InDesign can follow and update when you insert or remove a note; GREP code for these is "~ F". So just delete the text that is in the 'text to' field and enter "~ F" inside (you mind, without the quotes - those who are just to indicate here the text to be inserted is just "~ F".) Oh Lordy now I did once again. No quotes needed).

  ... and all that's left for the Point #6 is to click OK to close the paragraph definition.

  There you go: reference numbers superior automagic.

• Buttons in white box... should have the bottom of page

  I'm new to the fireworks. Create a navigation bar with buttons. Canvas value transparant, as also the buttons in the up state.
  After the export and import of Dreamweaver. The navigation bar is white, although I expected the bottom of page to ' shine through. I can't to canvas of the same color as the page background, since the background is a gradient...
  What I am doing wrong?
  TNX for any help.
  Hugo

  Open your navigation bar, and then go to file > preview image. Select the export option 'GIF '. Select the eyedropper on the lower left corner and click the color you want to be transparent (probably white) in your illustration.

  Click export at the bottom and and you should be in good shape!

• Can't get my (php include) foot to the bottom of the page!

  Hello

  I have a site where I've successfully added the using the header <? PHP include()? >

  I added the <? PHP include()? > tag at the end of my content on the homepage, but it either sticks in the middle of the page that you highlight, or change position (in css) crazy.

  I don't want the footer to include in the class content that's a 800px width. I want that my footer to 100% width at the bottom of the page

  Here's my footer.php:

  <! - start .footer - > < link href = "stylesheets/footer.css" rel = "stylesheet" type = "text/css" > " < div class = "footer" > < br / > < table class = "footer" width = "100%" border = "0" > < b > < td width = "33%" colspan = "3" > < a style = "" color: #CBCBCB "href="main/feedback/feedback.php "> < /a > comment | < a style = "" color: #CBCBCB "href="main/contact/contact.php "> < /a > Contact | < a style = "" color: #CBCBCB "href =" http://eepurl.com/WtSur "> newsletter < /a > |" " < a style = "" color: #CBCBCB "href="main/donate/donate.html "> < /a > gift | < a style = "" color: #CBCBCB ' href = "Files/Terms and Conditions.pdf" > terms and Conditions < /a > < table > " < /tr > < b > < td colspan = "3" > < table > < /tr > < tr valign = "bottom" > < td width = "33 percent" height = "60" > <! - PayPal Logo - > " < a href =" https://www.PayPal.com/UK/webapps/MPP/PayPal-popup "title ="How PayPal"onClick =" javascript:window.open ('https://www.paypal.com/uk/webapps/mpp/paypal-popup ',' WIPaypal ',' toolbar = no, location = no, directories = no, status = no, menubar = no, scrollbars = yes, resizable = yes, width = 1060, height = 700'); return false; "" > < img src = "https://www.paypalobjects.com/webstatic/mktg/logo/bdg_secured_by_pp_2line.png" border = '0' alt = 'Secured by PayPal' > < /a > < div style = "text-align: Center" > < / div > " <! - PayPal Logo - > < table > < td width = "33%" > < img src = "images/mdjn - logo.png" width = "175" height = "58" / > < br / > < table > " < td width ="33% "> < div align ="center"> < a target ="_blank"href =" " https://www.Facebook.com/pages/DJ-direct/179634702105699?Ref=HL " > < img src = images/Facebook.png"" width = "40" height = "40" alt = "facebook" / > < /a > < a target = "_blank" href = " http://plus.google.com/102808919725916371065 " > < img src = "images/Google +.png" width = "40" height = "40" alt = "google +" / > < / has > < / div > < table > . < /tr > < /table > & copy; DJ-live 2014 < br / > < / div > <! - end .footer - >

  Here is the CSS for the footer:

  @charset "utf-8"; / * CSS document * /.

  .footer {}

  do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  background-color: #2E2E2E;

  color: #A4A4A4;

  text-align: center;

  Width: 100%;

  position: absolute;

  }

  And finally, here is the page I'm trying to add the footer (include) on:

  <! doctype html > < html > < head > < meta charset = "utf-8" > < title > welcome < /title > < style type = "text/css" > {body margin: 0; padding: 0; background-color: #3e3e40; position: relative; } . Happy {} Width: 800px; height: 120px; margin: 0 auto; } .title {} color: white; do-family: Verdana, Geneva, without serif. text-align: center; do-size: 18px; Police-weight: 600; padding-bottom: 10px; } . Text {} color: white; do-family: Verdana, Geneva, without serif. text-align: center; padding: 10px; } {.testimonial} do-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; background-color: #575757; text-align: left; margin-top: 0px; margin-bottom: 20px; padding: 20px; } < / style > < link href = "stylesheets/header.css" rel = "stylesheet" type = "text/css" > " < link href = "stylesheets/footer.css" rel = "stylesheet" type = "text/css" > " < / head > < body > <? PHP include ("_header.php");? > < div class = "content" > < iframe width = "800" height = "180" src = "" / / www.cincopa.com/media-platform/iframe.aspx?fid=AcGA1sssNofx "frameborder ="0"scrolling allowfullscreen =" "style =" padding-top: 20px; "> < / iframe > < div class = "title" > At DJ-Direct, we are proud to provide the best service at an affordable price. < / div > < div class = "text" > When you want to organize an important occasion in your life, he must go to a perfect plan. If personal or professional wedding, or a corporate function, of such events memorable, nothing can be left to chance. It is cost-effective to book experts. < br > < br > Our entertainment, sent through professional DJs, mixing high range and equipment lighting and sound high definition made for a truly spectacular evening. < br > < br > Our DJs have a large amount of musical experience to create the atmosphere and feeling of any event. < br > < br > We provide professional shows of lighting and atmospheric effects to give your event that "WOW" factor If you need a great dramatic sountrack'u energy for a 21 or a wedding with lighting and sound for you. < br > < br > Move forward us and provide a tailored solution. < / div > < div style = "padding-top: 20px;" padding-bottom: 20px; "> < img src =" images/split.jpg"width ="800"height ="20"> < / div >" < div class = "title" > testimonials < / div > < div class = 'testimony' > < table width = "100%" border = "0" cellspacing = "5" cellpadding = "5" > < b > < td align = "" width = "85%" > < strong > Oxfam - charity event < facilities > < br / > " < em > The Old Queens Head < /em > < table >

  "< td width ="15% "> < img src="images/535px-5_stars.svg.png "width ="155"height ="31"/ > < table >

  < /tr >

  < b >

  < td colspan = "2" > & quot; Without DJ-live, the atmosphere at our charity concert would be the same. With so many different acts of different styles, we couldn't be happier to have the variation of lighting to set the modd. More than 100 paying spectators came to follow the event while he was absolutely necessary to have a professional lighting to ensure the night success. & quot; < br / >

  -Krishna Harilela < table >

  < /tr >

  < /table >

  < / div >

  < div class = 'testimony' >

  < table width = "100%" border = "0" cellspacing = "5" cellpadding = "5" >

  < b >

  < td align = "" width = "85%" > < strong > New Years Eve < facilities > < br / > "

  < em > Planet Hollywood < /em > < table >

  "< td width ="15% "> < img src="images/535px-5_stars.svg.png "width ="155"height ="31"/ > < table >

  < /tr >

  < b >

  < td colspan = "2" > & quot; I just wanted to say what a fantastic job DJ-live has done with the lighting of our Boogie Nights New Years Eve party at Planet Hollywood in London.   They were extremely professional throughout the implementation and in the evening.   They had three different styles of lighting based on three different areas of our restaurant at night. One for the dance floor, one for the bar and one for the dining room and he got the lighting on in each place. We hold many different styles of events at Planet Hollywood and would certainly use DJ-live again. Thanks again and I hope that we will work with you again in a near future & quot; < br / >

  -Alex Garland < table >

  < /tr >

  < /table >

  < / div >

  < div class = 'testimony' >

  < table width = "100%" border = "0" cellspacing = "5" cellpadding = "5" >

  < b >

  < td align = "" width = "85%" > < project strong Kenya > < / strong > < br / > "

  < em > < table > < /em > ACS-Egham international school

  "< td width ="15% "> < img src="images/535px-5_stars.svg.png "width ="155"height ="31"/ > < table >

  < /tr >

  < b >

  < td colspan = "2" > & quot; I was very impressed by the professionalism and technical expertise displayed by DJ-live to dance school. All students truly enjoyed music and features of the setting up of DJ - machine smoke and "lasers" were very popular! A big thanks to DJ-live for their work hard to do such a dance success & quot; < br / >

  -Hazel Caroline < table >

  < /tr >

  < /table >

  < / div >

  < div class = 'testimony' >

  < table width = "100%" border = "0" cellspacing = "5" cellpadding = "5" >

  < b >

  < td align = "" width = "85%" > < strong > Christmas party < facilities > < br / > "

  < em > Stoke Park < /em > < table >

  "< td width ="15% "> < img src="images/535px-5_stars.svg.png "width ="155"height ="31"/ > < table >

  < /tr >

  < b >

  < td colspan = "2" > & quot; I just want to thank DJ-live to support our event. We organized a Christmas party for various companies, and the feedback we received on the DJ was exceptional! They have set up in the ballroom and played fantastic music and their lighting all brought everyone to the dance floor. I will personally make sure to book DJ-live again for our event next Christmas. Thanks DJ-live! & quot; < br / >

  -Hendricks < table >

  < /tr >

  < /table >

  < / div >

  < / div >

  <? PHP include ("_footer.php");? >

  < / body >

  < / html >

  Thanks for any help!

  Max Resnikoff says:

  Now it's just stuck at the bottom of the browser window, not the Web page

  So where in fact do you want to go? If you want to follow the rest of the content of the page then don't add any positioning to the css:

  .footer {}

  do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  background-color: #2E2E2E;

  color: #A4A4A4;

  text-align: center;

  Width: 100%;

  }

  And to get rid of the stupid stupid content height: 120px - what you expect the footer to do if you define stupid things like that?

  . Happy {}

  Width: 800px;

  height: 120px;

  margin: 0 auto;

  }

• How to make the footer at the bottom of the page stay no matter what screen size I'm on?

  Hello!

  Please take a look at this page.

  http://www.fabiotozzo.com/contact.html

  When you view it on an iMac 27 ", you will see the contact form and the blanks below. When you start to scroll down

  the footer becomes visible. The problem is that when I view it from a 15 "for example, I have to scroll down for way more than a 27" (logic), but how do

  It stick to the bottom of the browser no matter how big the display size is?

  Thanks for your answers,

  Fabio

  Define objects as objects 'footer' and ensure that in "site properties" sticky footer "is on.