How to use CSS to force the page to full height?
I'm trying to use CSS to force the content on the page to full height when the content is not long enough to do the job. After reading several articles on the Web, I put the html, body and articletest selectors at a height and min-height of 100%. But it does not work. The yellow area Brown/inner light should extend almost to the bottom, the the two final colors div should be at the bottom of the browser window...
http://www.keithpurtell.com/kthings/Test01.htm
You must make two changes as follows:
(1) change your CSS for the body to look like the following:
Body {background-color: #FFFFEE;} / * a E4D9C2 * /.
color: #31260F;
font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
Width: 100%;
/*height:100%;*/
height: 100 %}
(2) change your CSS #main to look like this:
#main {background-color: #FFFFEE;}
margin: 0 0 auto;
Max-width: 1180px;
min-width: 30em;
min-height: 100%;
overflow: hidden;
position: relative ;}
This should do the trick. He made and tested it on my system. I put the page online if need be!
Good luck.
Tags: Dreamweaver
Similar Questions
-
How to use CSS to create the horizontal navigation bar in Dreamweaver CS6
How to use CSS to create the horizontal navigation bar in Dreamweaver CS6
One of the ways to do this is the following: Editor Tryit v1.9
You can also use floats to get something in the same direction.
-
How to assign URLs dynamically using button/link on the page of peoplesoft? Please provide detailed instructions.
1. define the URL, the Z_URL1 or the Z_URL2 definitions
2. in the change of field button:
If true Condition then
ViewURL (URL. Z_URL1);
On the other
ViewURL (URL. Z_URL2);
End - if
-
Pop - up when I double click the icon of firefox on the desktop, the home page and control of two-page fact sheet page. How to stop taking control in the page from to appear repeatedly when I double click the icon of firefox?
You can solve this problem with the file blocklist.xml was forced to update.
See:
-
How to make navigation that pushes the page to the side while revealing the links?
How to make navigation that pushes the page to the side while revealing the links?
There is currently no way to call JS in reflow, or add some CSS Transitions. You can export the code
and then open it in a code editor of your choice and add the script necessary to do this. An example is available here: wide canvas Show Menu for Bootstrap model
-
My Dell V305 printer prints very small. How can I get to fill the page?
My Dell V305 printer prints very small. How can I get to fill the page?
Hello
Were there any changes made on the computer before the show?
Method 1:
I suggest you to refer to the article and see if it helps:
Resources for the resolution of the printer in Windows XP problems
http://support.Microsoft.com/kb/308028
Method 2:
See the articles and check if that helps:
To set printing preferences
To set the properties of the printer
Settings that affect printing
-
In the recent update of Adobe Reader, how can I go and delete the pages?
I am struggling with the new simplified design.
Any help is appreciated.
Thank you!
Adobe Reader cannot remove pages.
-
I got a license number for Adobe Master Collection from my school (Stevens Institute of Technology) and I can't understand how to use it to obtain the product. I created a user name and this is as far as I'm away. I need to download the product and I may not know where to start.
Ask someone to your school... You have a Cloud redemption code, or a number of series CS6?
If cloud, http://helpx.adobe.com/x-productkb/global/redemption-code-help.html Redemption Code and
http://www.Adobe.com/products/creativecloud/FAQ.html
http://helpx.adobe.com/creative-cloud/help/install-apps.html to install or uninstall
http://forums.Adobe.com/community/download_install_setup/creative_cloud_faq
What is http://helpx.adobe.com/creative-cloud/help/creative-cloud-desktop.html
To start https://helpx.adobe.com/creative-cloud.html the Cloud
If CS6, download to other downloads and enter your serial number when prompted
Once again, your 1 resource is your school
-
How to use JavaScript to change the named view
How to use JavaScript to change the named view
Do you mean to jump to a specific Destination named within a PDF file? SE so there
the method gotoNamedDest of the Document object.
-
How to use JavaScript to limit the number of boxes to check the user can select a PDF form?
How to use JavaScript to limit the number of boxes to check the user can select a PDF form?
Here's the working solution
Please rename all the boxes like chkBox0, chkBox1... .chkBox30 (must start with 0)
Value of exports of each checkbox must be "Yes" (default value is Yes)
Place this Code at the level of the Javascript Document
-Code JavaScript document-
var counter = 0; Checked the meter
-Count boxes checked again when the document is closed and reopened.
for (var i = 0; i)<= 30;="">=>
If (getField("chkBox"_+_i).value == 'Yes') {}
Counter += 1;
}
}
-The function of validation-
function validateCheckBox(name,value) {}
If (value == 'Yes' & meter)<>
Counter += 1;
} else if (value == 'Off') {}
counter = 1;
} else {}
getField ("name") .value = "Off";
App.Alert ("you can select only four checkboxes");
}
}
-End of Document Javascript-
Now put this line in the MouseUp event all checkboxes
Box - Code MouseUp event.
validateCheckBox (event.target.name, event.target.value);
//----------------------------------------------------------------------------------
Hope this will help
Kind regards
Post edited by: Mohammad Irfan
-
How to create Mulitple tab in the Page
Dear all,
How to create Mulitple tab in the Page (UI)One way is to download the OA Framework Metalink Dev guide. You can also navigate to Jdevdoc (under your Jdev installation) and find the index.html file. There you have the reference to the Dev Guide. You can get the right information here too.
Concerning
Sumit -
If time machine is incremental how it removes previous versions when the disk is full, without breaking the chain, so do not be able to restore the file with any changes made since the full backup first file...
If the TM drive storage is full TM automatically deletes the version the oldest files for the new incremental backups can be made. Thus, in this case you cannot restore the versions that TM deleted because it takes more storage.
-
How to change CSS layout on the new template page?
Hello
I just create my second site, and I decided to use a template to make things easier. I use a CSS sheet attached to the site.
On each page, however, I use a single line of CSS to set the current pages, button Navigation to the State 'On', so that you know what page you are on. When a new page is created from a model although I can't edit this information. I tried making the editable from the model area, but it creates just an editable region in the top of the page.
Here is the code at the top of the page that I use.
<style type="text/css"> /* #### Sets On state for Nav Button #### */
#nav ul li.home a {
background:url(Assets/nav_bg_home_hover.jpg) no-repeat;
color:#FFF;
}< / style >
On my old site, I got this on each main page to define the condition of 'On' for each page, but I don't seem to be able to do it using templates,.
Any ideas?
See you soon
MrPark121 wrote:
Hello
I just create my second site, and I decided to use a template to make things easier. I use a CSS sheet attached to the site.
On each page, however, I use a single line of CSS to set the current pages, button Navigation to the State 'On', so that you know what page you are on. When a new page is created from a model although I can't edit this information. I tried making the editable from the model area, but it creates just an editable region in the top of the page.
Here is the code at the top of the page that I use.
Now you can add to the box editable css your css page marker. Change for each page in order to have the link back to the relevant navigation button.
#nav ul li.home a { background:url(Assets/nav_bg_home_hover.jpg) no-repeat; color:#FFF;}
-
How to place a foot on the page under photos
First of all, I would like to say thank you to all who helped me with my problem since. I had this problem solved. But now I can't figure out how to put the footer at the bottom of the page.
I went to W3schools.com and copy and paste the code for the photo gallery. Then on the side right of Dreamweaver, I clicked on the icon of footer and done footer appear correctly at the bottom of the page when I view this Dreamweaver Design of split. Buuuttttt, when I click the Preview button, the foot is to the right of the door of the image.
How can I tell him to go to the bottom of the page or the pictures?
Nathan
If you use floats, the floats before the
-
How to prevent from loading alongside the page I actually laoded apges announcement?
How to stop additional (or generally unwanted) pages loading alongside the page I actually asked.
These additional pages can be advertisements or some sell a program that is supposed to improve the performance of my system.
I'm using Firefox under Microsoft 8.1 34.0.5.
Never, the problem appeared when using XP that I converted from a month ago!
Adblock more {web link}
Blocks annoying video ads on YouTube, Facebook ads, banners
and much more. Adblock Plus blocks all the annoying ads, and
supports Web sites by blocking is not discrete (configurable) default ads.
Maybe you are looking for
-
Exchange my Lenovo Ideapad U530?
Good Forum!My name is Tobias and I come from Austria. IM 15 years old and recently I bought Lenovo Ideapad U530 for the next school year. Because I was very busy with school and didn't need the ideapad again, I've almost never used. (because I need f
-
Underflow memory device Embedded PXI-4461
I use a PXI-4461 to generate one acquire a singal. When I generate the signal I get error-200621 (onboard device memory overflow) onDAQmx VI stop. I do not understand what means error. Signal information Signal type = sine waveFrequency = 3K amplitud
-
15-FO23-WM touch laptop: the RAM Configuration
Hello, Hello, Just bought a touchscreen laptop refurbished (15-F023WM) from Walmart for a killer week price last for my sister. It comes with 4 GB of RAM and declares maximum RAM is 16 GB. I want to buy more RAM before delivery. I studied the plug
-
While I'm typing my cursor moves to the previous parts of this paragraph and types where I certalnlydon can't like. How can I stop this. I can be anywhere, typng as now, and the cursor moves and put my letters in some parts of the paragraph I just ty
-
How can I sync my ipod to a new computer
I get an error 43 code, which says that windows does not recognize my ipod. I grew up the content on this device, and there is no music. I have over 900 songs. Windows says to replace this unit, I can't. Where should I go from here?