2017-02-23 7 views
0

フッターに問題があります。それは全幅に伸びず、なぜ私は本当にわからないのですが、それは8ページの1ページだけでは機能しません。この問題は、管理メニューを追加したときに発生します。助けてくれてありがとう。フッターで全幅が伸びない

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;} 
+5

フッターの幅は1に設定されていますが、意味がありません。あなたはおそらくそれを100%に設定するか、それを完全に削除したいと思うでしょう(デフォルトでは幅は100%になるでしょう) –

+0

ありがとうございました。思考幅1;幅100%と同じです。どうもありがとう! –

答えて

0

Kodosジョンソンが言ったように、幅1。無効です。ありがとうKodos Johnson

0

フッターのスタイリングをこのように変更することはできますか? (幅100%)

footer { 
width: 100%; 
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; 
} 
関連する問題