页脚不会拉伸整个宽度

时间:2017-02-23 19:22:34

标签: html css

我的页脚有问题。它不会拉伸到整个宽度,我真的不知道为什么,它不能只在8页的一页上工作。当我添加管理菜单时,这个问题出现了。感谢您的帮助。

HTML:

<div id="administraceMenu">

<ul class="adminMenuPolozky">
<li><a href=""><img src="./obrazky/domu.png" alt="domu" id="obrazek"/> Domů</a>    </li>
<li><a href=""><img src="./obrazky/vypis.png" alt="Články" id="obrazek"/> Články</a></li>
<li><a href=""><img src="./obrazky/tuzka.png" alt="tuzka" id="obrazek"/> Nový Článek</a></li>
<li><a href=""><img src="./obrazky/tuzka.png" alt="tuzka" id="obrazek"/> Pro rodiče</a></li>
<li><a href="/administrace/odhlasit"><img src="./obrazky/odhlasit.png" alt="odhlasit" id="obrazek"/> Odhlásit</a></li>
<li class="uzivatel"><img src="./obrazky/uzivatel.png" alt="uzivatel"     id="obrazek"/> Uživatel: <?=htmlspecialchars($_SESSION["uzivatel_jmeno"])?></li>

 </ul>

</div>
<footer>
<table class="patickaTabulka">
<tr>
<td class="adresa">
<p class="textAdresa">Tel:<br>E-mail: <br>Adresa: </p>
<div id="map">
</div>
</td>
<td class="programator">
<a class="skautLogoOdkaz" href="https://www.skaut.cz"><img id="skautLogo" src="./obrazky/skaut.png" width="275" height="350" /></a>
<p> Web nakódoval s <a class="srdce">&#x2764</a> <a class="odkazEda" href="" target="_blank">Eda</a></p>
</td>
<td class="facebook">
</td>
</tr>
</table>
</footer>

CSS:

footer {
width: 1;
background: rgb(178,178,178);
font-family: verdana;
position: relative;
margin-top: 30px;
padding-top: 30px;
padding-left: 100px;
padding-bottom: 30px;
margin-right: 0px;
}

#administraceMenu .adminMenuPolozky {list-style: none; margin: 0 auto;}
#administraceMenu {background:rgb(220,220,220); border-radius:10px;height: 80px; width: 95%; border-style: outset; margin: 0;}
#administraceMenu .adminMenuPolozky li{position: relative; line-height: 4em;float: left;height: 75px;font-size: 20px;border-left: 2px solid rgb(203,203,203);
display: inline-block;
*display: inline;
}
#administraceMenu a {text-decoration: none; color: black;display: inline-    block;padding: 1.5px 20px;}
#administraceMenu a:hover{opacity: 0.3; background: white; line-height: 4em;}
#administraceMenu .uzivatel{padding-left: 10px;}

1 个答案:

答案 0 :(得分:0)

正如科多斯约翰逊所说宽度1;是无效的。谢谢Kodos Johnson