I need help on my Website i am doing for a family member of mine.
Here is a link to the website. The Issue here is that the white background isn't going from the header to the footer. The footer should be on the bottom of the website, even if the content is small.
I tried doing height 100% and some other things but it didn't help.
Thank you for your help :) I know i have some validating errors which i am going to patch later on.
<div id="textfeld">
<img src="image/viertelkreis.png" id="kreis" />
<h6 class="ubertext">Standort</h6><br /><br />
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d664.691604579604!2d16.37821030367338!3d48.21111491260863!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476d07a0425e484f%3A0x86fda9d1fb10b5ab!2sLaurenzerberg+5%2C+1010+Wien!5e0!3m2!1sde!2sat!4v1418075117771" width="700" height="500" frameborder="0" style="border:0"></iframe>
<table id="tabelletext1"><tr><td id="besonders">Laurenzerberg 5/12, 1010 Wien</td></tr><tr>
<td>Ecke Schwedenplatz 2/12</td></tr>
<tr><td>Telefonnummer</td><td>+43 1 909 34 95</td></tr>
<tr><td>E-Mail:</td><td> [email protected]</td></tr>
<tr><td>Inhaberin:</td><td> Ying Qi</td></tr>
<tr><td>Unternehmensgegenstand:</td><td> Massagendienstleistungen</td></tr></table>
<br />
<br />
</div>`
For that, you need to make the #wrapper
to have a height:100%
corresponding with #textfeld
to have a height:100%
For instance,
You need to make the below css change to achieve what you are looking for.
The CSS Change:
#wrapper {
height: 100%;
min-height: 100%;
position: relative;
}
#textfeld {
background: none repeat scroll 0 0 #ffffff;
border: 2px solid #999;
height: 100%;
padding-bottom: 80px;
padding-top: 20px;
width: 764px;
z-index: 1;
}
Hope this helps.
PS: You need to remove the footer value of bottom:0
for the above to work.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments