Skocz do zawartości

wysokość div na resztę strony


btclood

Recommended Posts

Witam,

Próbuję zrobić stronę która ma nagłówek z logiem strony na ok. 100px. I chciałbym żeby resztę strony wypełniał div. Daję

html{

height: 100%;
margin: 0 auto;
}

body{
height: 100%;
margin: 0 auto;
}

#content{
width: 100%;
height: 100%;
margin: 0 auto;
}
#top {
background-color: red;
width: 100%;
height: 100px;
}
#left_menu {
background-color: yellow;
width: 20%;
height: 100%;
float: left;
text-align: center;
}
#zawartosc {
background-color: green;
width: 100%;
height: 100%;

}

 <body >
<div id="content" >
  <div id="top">
  fdd
  </div>
  <div id="left_menu">

    <div id="menu" class="main"><a href="#nogo">Home</a></div>
    <div id="menu" class="gallery"><a href="#nogo">Galeria</a></div>
    <div id="menu" class="media"><a href="#nogo">Kontakt</a></div>
    <div id="menu" class="contacts"><a href="#nogo">Linki</a></div>
  </div>
  <div id="zawartosc">

    </div>
  </div>

</div>
  </body>

Wszystko prawie działa jak powinno tylko div zawartość i left_menu są dłuższe niż powinny. Czy można jakoś zrobić aby te 2 dvy zawartosc i left_menu miały wysokość taką jak reszta wysokości strony, bo jak da się 100% to są za wysokie i wychodzą za stronę.

I mam jeszcze jedno pytanie czy można wyśrodkować zawartośc div'a ale w pionie?

  • Downvote 1
Link do komentarza
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...