How would I get my footer to appear at the bottom of my browser
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
body {
line-height: 1;
background-color: #FFF;
background-image: url(back.png);
background-repeat: repeat;
background-position: left top;
ol, ul {
list-style: none;
blockquote, q {
quotes: none;
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
/* remember to define focus styles! */
:focus {
outline: 0;
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
del {
text-decoration: line-through;
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
#container {
width: 1100px;
margin-right: auto;
margin-left: auto;
text-align: center;
#container ul {
list-style-position: outside;
margin-right: auto;
margin-left: auto;
#container ul li {
display: inline;
list-style-type: disc;
padding-left: 40px;
#branding {
background-image: url(cb_logo.png);
background-repeat: no-repeat;
background-position: left top;
margin-right: auto;
margin-left: auto;
height: 290px;
width: 342px;
position: relative;
top: 150px;
z-index: 4;
#site_info {
background-color: #461e03;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #cc9933;
margin-right: auto;
margin-left: auto;
position: relative;
padding-top: 100px;
#site_info p {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-decoration: none;
text-align: center;
color: #FFF;
line-height: 2em;
#site_info p em {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
font-style: normal;
#nav_tools {
background-color: #95b238;
height: 31px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #b68d41;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #b68d41;
text-align: center;
margin-top: 100px;
#nav_tools ul {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
list-style-type: none;
clear: left;
display: inline;
padding-left: 20px;
#nav_tools ul li {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
list-style-type: none;
clear: left;
display: inline;
padding-left: 20px;
#nav_tools ul li a {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
list-style-type: none;
clear: left;
display: inline-block;
text-decoration: none;
.clear {
clear: both;
</style>
</head>
<body>
<div id="container">
<ul>
<li>Walk-in</li>
<li>Delivery</li>
<li>Catering</li>
<li>Special Orders</li>
</ul>
<div id="branding"></div>
</div>
<div id="site_info">
<p><em>Coming soon</em><br/>
714 Berryville Avenue<br/>
Winchester, VA 22601<br/>
At Berryville Avenue and Baker Lane<br/>
p 540.450.8037<br/>
f 540.450.8063<br/>
e [email protected]<br/>
</p>
<div id="nav_tools">
<ul>
<li><a href="#">Site Map</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
</ul>
</div>
</div>
</body>
</html>
I am using the sticky footer work around to keep my footer at the bottom of the browser window but when I close it my footer gose under my nav_tool DIV why?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
body {
line-height: 1;
background-color: #FFF;
background-image: url(back.png);
background-repeat: repeat;
background-position: left top;
ol, ul {
list-style: none;
blockquote, q {
quotes: none;
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
/* remember to define focus styles! */
:focus {
outline: 0;
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
del {
text-decoration: line-through;
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
#container {
width: 1100px;
margin-right: auto;
margin-left: auto;
text-align: center;
#container ul {
list-style-position: outside;
margin-right: auto;
margin-left: auto;
#container ul li {
display: inline;
list-style-type: disc;
padding-left: 40px;
#branding {
background-image: url(cb_logo.png);
background-repeat: no-repeat;
background-position: left top;
margin-right: auto;
margin-left: auto;
height: 290px;
width: 342px;
position: relative;
top: 150px;
z-index: 4;
#site_info {
background-color: #461e03;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #cc9933;
margin-right: auto;
margin-left: auto;
position: relative;
padding-top: 0px;
height: 300px;
#site_info p {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-decoration: none;
text-align: center;
color: #FFF;
line-height: 2em;
#site_info p em {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
font-style: normal;
#nav_tools {
background-color: #95b238;
height: 31px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #b68d41;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #b68d41;
text-align: center;
margin-top: 100px;
#nav_tools ul {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
list-style-type: none;
clear: left;
display: inline;
padding-left: 20px;
#nav_tools ul li {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
list-style-type: none;
clear: left;
display: inline;
padding-left: 20px;
#nav_tools ul li a {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
list-style-type: none;
clear: left;
display: inline-block;
text-decoration: none;
<!--
------------footer styles ----------
-->
margin: 0;
html, body {
height: 100%;
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
.footer, .push {
height: 4em;
background-color: #461e03;
color: #FFF;
</style>
</head>
<body>
<div class="wrapper">
<div id="branding"></div>
<div id="site_info">
<p><em>Coming soon</em><br/>
714 Berryville Avenue<br/>
Winchester, VA 22601<br/>
At Berryville Avenue and Baker Lane<br/>
p 540.450.8037<br/>
f 540.450.8063<br/>
e [email protected]<br/>
</p>
<div id="nav_tools">
<ul>
<li><a href="#">Site Map</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
</ul>
</div>
</div>
<div class="push"></div>
</div>
<div class="footer">
<p>Copyright © 2009 City Bagel’s. All rights reserved</p>
</div>
</body>
</html>
Similar Messages
-
How do I get a Dialog to appear in the center of the screen?
How do I get a Dialog to appear in the center of the screen?
You can get the screen size by using Dimension java.awt.Toolkit.getScreenSize().
Once you get the Dimension, Before using API setVisible(true), You have to do the calculations to put your dialog in the center. -
Need an answer to my question: How do you get css class to appear in the wysiwyg editor? The only option is "clear class".
Liam,
If it's not supported there, then where can I access the css and do you have any recommendations for a simple app to change the css style? -
How can I get a stripped screw out of the bottom of my iPhone?? I need help, How can I get a stripped screw out of the bottom of my iPhone?? I need help
Try asking at ifixit.com. The iPhone is not considered user servicable. You're not going to get much help on an Apple sponsored forum.
-
How do i get that bar to appear on the screen for http and web pages?
How do i get that bar to appear on top of the screen for http and web pages?
Yes im using safari version 5.1.2 (6534.52.7) I have tried clicking show toolbar from the view menu but i still can't see it. It's the bar where you type in a website link or http:// that I can find - any other suggestions much appreciated
-
How do I get my ereader to appear on the left hand side of Digital Editions?
I have a Kobo Vox ereader and it works well. It connects to my computer and appears when I look at My Computer. It doesn not appear on the left hand side of Digital Editions under Devices (devices does not appear either) when ADE is started. The book I downloaded appears in ADE and is readable in ADE. How do I get the Kobo to appear within ADE so I can transfer the book. ADE does not seem to see the device to ask me to register it as the help screen suggest it might. I've made sure that it is connected before I open ADE. Please help.
The eReader is authorized/activated with an AdobeID rather than with a computer.
It is possible to have multiple computers and multiple devices all authorized with the same ID.
The eReader gets its authorization when you Authorize Device from any computer;
and then should work find when connected to any other computer authorized with the same ID.
~~~
One possible reason for your issue is that you haven't authorized the laptop with your AdobeID.
In that case ADE generates an anonymous/implicit ID with very limited capabilities.
In particular, one capability missing is the ability to pass the implicit ID onto a device;
so it is possible (???) that in that case ADE does not show the device.
If that is the case
ctrl-shift-D to ADE (cmd-shift-D if it's a Mac) on the laptop to remove the anonymous ID
restart ADE (maybe not needed)
authorize ADE with the same ID as you are using on the desktop
restart ADE (maybe not needed)
plug in the eReader and see if it is recognized -
How do you get your dock to appear on the Thunderbolt display?
When I connect my MacBook Air to the Thunderbolt, the dock remains on my laptop.
My husband's MacBook Pro automatically puts the dock at the bottom of the Thunderbolt screen.
Also, when I open any application or a new window in an open application, the new window appears on my laptop
and I have to drag it to the Thunderbolt display.
Is there any way to get the dock and windows to appear on the Thunderbolt automatically so I can work only on the
Thunderbolt?Thank you, mende1!
So, if I want to use the Thunderbolt as an extended display and not as a second display mirroring what is on my computer's screen, what would I need to do?
Malcolm's answer has me mirroring my laptop which is better than I had.
But, I used to be able to have my Apple Mail on my laptop, while working on other applications on the Thunderbolt.
I think that is what you are referring to..... would love help! Thanks! -
How do I get my N97 to appear like the one in the ...
http://www.connect.in.com/nokia-n97/photos-542597-9138233.html
How do I get the accuweather to be blue and how do I get the Ovi store thing on the bottom?That is NOT a picture of a PHONE. The colors, widgets etc are made up, they're not real. As far as I know there is no way except to make your own widget background, hack into the program's code and replace the widget background to your own. I would guess that it's not open source code so good luck. The programming may not be that bad depending on what language it's done with. I have no idea, not a programmer, but sometimes images like backgrounds are stored in DLL files.
To customize individual apps design you need to rebuild the actual software of the app itself. That is not a theme, it's not even a picture of a phone LOL
It's a drawing so they could make stuff any color they want (the blue is probably just a mistake)
edited: The OVI icon I've never seen before. Maybe it's on other carriers but I've never seen it. I know the contact pictures are set in the contacts list, I don't know how to choose an icon for an application shortcut but I know it's possible. Theme makers do it so it mnust be possible to do a single icon.
Message Edited by lightstream on 31-Jan-2010 11:29 AM -
How can i get all albums to appear in the artist list
Not all of my albums for a particular artist appear in the artist list. How can I correct this?
Hi spike1954,
Welcome to Apple Support Communities.
You may want to first check the Song Info associated with the albums that are not displaying correctly. See this article for the details:
Playing and managing content in iTunes
http://support.apple.com/kb/ht1399
Editing and arranging content
Editing Info
Each audio or video file in iTunes has several settings and tags that can be easily modified. These options can be accessed by selecting any file in the iTunes browser windows and selecting "Get Info" from the File menu. You can add song lyrics, artwork and set special playback options. The "Info" tab lets you edit information about the file including artist and album info.
Additionally, while this article refers to a previous version of iTunes, the information within can still be helpful:
Fixing Incorrect Song or Album Listings in iTunes
http://support.apple.com/kb/ta24677
Best,
Jeremy -
How can I get a folder to appear in the Folder list when I am trying to import pictures?
There is a folder on my hard drive that does not appear in the list of folders in the import dialog. I have tried expanding all the other folders around it (my photos are filed by date of capture) to see if it was somehow imported as a subfolder. It is simply not there. I can find and open it and access all the pictures in Photoshop Elements but not in Lightroom 4. Any ideas?
I would try this:
In Lr import one photo into a different folder that you can see in the list.
Then in your OS (mac Finder / Win Explorer) move the photo to the folder that you cannot see.
In Lr the photo will now appear with a question mark on its frame. Click directly on the question mark and select <Locate photo>. Navigate to the folder, open it, and click on the photo.
Maybe this will help Lr to recognize the folder.
If this doesn't help try renaming the folder in your OS. -
How do I get messages list to appear above the selected email, like in Snow leopard.
When I opened the mail in Lion after upgrading the messages all appear on the left instead of above whewre I want them. How do I have them above ??
Thanks for any helpYou will want to go into Mail preferences and click on viewing. In there you check the box that says "Use classic layout".
-
How can I get my keyboard down to the bottom of my screen
From PJL123's post...
Call up the keyboard so that it is visible. At the very bottom right of the keyboard is an icon that looks like the keyboard with a down arrow. Touch and hold the icon and a small popup will appear giving you the choice to undock(move it up to the middle of the screen) or split it. If you do either one on those options, you can put it back where it belongs by touching the icon again, and selecting dock. -
How can I get Bookmarks Toolbar to go from the bottom of list to top?
Just reinstalled 27 after a crash of my PC. I imported my bookmarks from my HTML, but can't get the Bookmarks Toolbar to go back to the top of the list of bookmarks, above Bookmarks Menu.
Also, how do I get the bookmarks from my Bookmarks Toolbar folder to display at the top of my screen again? Thank you!-LizYour reply didn't answer my question, Deb, but it did give me some other info I needed. Thank you for taking the time to reply.
-
How do I get rid of a bar at the bottom of my screen in FireFox?
I'm using FireFox 8.0 in Windows XP with all service packs.
The website: www.washingtonpost.com,
in it's major news stories, such as:
http://www.washingtonpost.com/politics/mitt-romney-under-attack-in-final-nh-debate/2012/01/08/gIQAAOfHjP_story.html?hpid=z2#weighIn
has started a line at the bottom of the Comments pages that it calls: @mentionmachine
There have been howl's by readers since day one of this lines start but washington post has done nothing to get rid of it.
Is there any way in FireFox to get rid of this stupid, line wasting "feature"?Thanks for the reply. I should have stated up front that am totally ignorant on programing and customizing stuff.
I don't have a clue how to get to, find or open the file.
I did look through all the selections on the fixfox bar at the very top of the page but didn't see anything called "chrome folder in the user profile folder".
If it's simple for me, the "green horn" to get to please point me in the right direction.
If it's any more complicated I'll just live with it.
But, again thanks for your response. -
Much of the information associated with my taskbar was eliminated when it suddenly moved from the bottom of the screen to the right side; it disappears then reappears when the browser goes to the right. This is totally annoying. How can I get my original taskbar to display on the bottom of the screen again?
You can drag the Windows Taskbar back to the position at the bottom of the screen.<br />
After having done that right-click the Taskbar and look for a context menu entry to lock the Taskbar to prevent that from happening again.
Maybe you are looking for
-
PAYCLICK problems.. itunes not accepting the PAYCLICK account when i shop for apps. did an upgrade on the 1st feb then it stopped working. any one with any similar occurances
-
Print Report Direct from current PC
Hi I want to print pre printed reports direct to dot matrix Printer without Concurrent Manager in requested PC ( Print from PC not from Server ) . So , can i do that or not ? Thanks, Mohamed Badr
-
I was sending a text message earlier & it froze up so i closed the app & when i opened it back up & said it was sent to unknown & when i try to delete it, it will delete but then come right back...is there anything i can do? it is very frustrating!
-
Can't activate my preinstalled version
Can't activate my preinstalled version. This was working since oct.2008 but i have rebooted my computer in mai 2012 and since that time I can't activate this version
-
Edirol ua 25 not recognized garageband
hi I am trying to setup a Yamaha P 80 keyboard through Edirol UA 25 but it says that no MIDI in is present. I have already installed the drivers for 10.8.4 Os X...thank you