Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Problem z wysokoscia - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Problem z wysokoscia (/thread-problem-z-wysokoscia)

Problem z wysokoscia - jurkos - 21-07-2009

Witam wszystkich

Mam taki problem i nie wiem czy jest to wykonalne.

Chcialbym aby #bottom (w tej chwili niewidoczny - jest zielony) rozciagal sie do konca ekranu (na wysokosci), lecz gdy np #top zwiekszy swoja wysokosc to elemenet #bottom automatycznie ją zmniejszał, a w przypadku gdy wysokosc #top przekroczy 100% okna to po przewinięciu ekranu był widoczny element #footer (wysokosc podana na sztywno 200px). Jeśli mnie ktoś zrozumie to będzie super a jeszcze lepiej jeśli mi ktoś pomoże Smile z góry dzięki

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style>

body {margin:0px;}

#top {background-color: #900;}

#bottom{background-color: #390;}

#footer {background-color:#C90; height:200px;}



</style>

</head>

<body>

<div id="top">

        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        
</div>

<div id="bottom">

    <div id="footer">footer</div>
    
</div>

</div>

</body>
</html>


RE: Problem z wysokoscia - Leja - 21-07-2009

ja do końca nie rozumiem jak chcesz żeby bottom był większy to daj mu height: (tu wpisz wartość w px); chyba ot to ci chodzi albo nieweim

RE: Problem z wysokoscia - jurkos - 21-07-2009

Niestaty nie. Chcialbym aby to bylo dynamiczne czyli bez podawania na sztywno wymiarow

RE: Problem z wysokoscia - Leja - 21-07-2009

nie wiem do końca o co chodzi

RE: Problem z wysokoscia - Piana - 26-07-2009

Nie kminie tego.
Może narysuj, chociażby w Paincie schematyczny obrazek który przedstawia o co chodzi. Może w tedy będziemy w stanie ci pomóc.

RE: Problem z wysokoscia - Leja - 26-07-2009

własnie może tak bd najlepiej albo pokaż na jakimś przykładzie gdzieś w necie pozdroCoolCool

RE: Problem z wysokoscia - KowR - 26-07-2009

OMG.

Kod:
<body>
<div id="strona">
<div id="top">
   <p>top</p>
</div>

<div id="tresc">
      <p>dwadawdjadw hwadjawhd awj dahdakdh</p>
</div>
</div>

<div id="footer">
   <div id="strona_footer">
      <p>treść footer</p>
   </div>
</div>
</body>

To w XHTML, a teraz CSS:

Kod:
body {
margin:0px;
padding:0px;
text-align:center;
}

div#strona {
margin:0px auto;
padding:0px;
width:800px;
text-align:left;
}

div#top {
margin:0px;
padding:0px
text-align:center;
width:800px;
float:left;
}

div#tresc {
margin:0px;
padding:0px
text-align:center;
width:800px;
float:left;
}

div#footer {
float:left;
width:100%;
margin:0px;
padding:0px;
height:200px;
background-color:green;
}

div#strona_footer {
margin:0px auto;
padding:0px;
width:800px;
text-align:left;
float:left;
}

Pisane z palca, nie sprawdzałem, ale powinno działać. Big Grin