0
im работает на сайте, который использует прокрутку параллакса. Каждая подстраница (раздел) на веб-сайте имеет одинаковую высоту, но я хотел бы сделать последнюю для автоматической высоты. В последнем разделе есть много контента, поэтому я хотел бы сделать его высотой автоматически, но я не работаю.Авто высота не работает
Разделы внутри #kontakt являются плавающими.
HTML:
<section id="kontakt" data-speed="10" data-type="background">
<article>
<div class="pasek_suwakow" style="top: 290px;">
<a href="#marki"><div class="suwak_gora"></div></a>
<a href="#manifest"><div class="suwak"></div></a>
<a href="#wspolpraca"><div class="suwak"></div></a>
<a href="#realizacje"><div class="suwak"></div></a>
<a href="#kontakt"><div class="suwak_dol_wybrane"></div></a>
</div>
<div id="lastsection">
<div id="map">
<div id="vmap"></div>
</div>
<div id="contactbox">
<div id="contactleft">
<div id="contacttext">
Siedziba firmy:<br><br>NEBIOLO POLSKA sp. z o. o.<br><br>ul. Olszewskiego 20<br>25-663 Kielce<br>Polska<br><br>tel. +48 41 278 72 60<br>fax. +48 41 278 72 61<br>email. [email protected]<br>www.nebiolo.com.pl
</div>
</div>
<div id="contactright">
<form action="index.php" method="post" enctype="multipart/form-data" id="formularz">
<label for="name">Imię i nazwisko:</label><input type="text" name="name" id="formularz_name"/></br></br>
<label for="email">Email:</label><input type="text" name="email" id="formularz_email"/></br></br>
<label for="phone">Telefon kontaktowy:</label><input type="text" name="phone" id="formularz_phone"/></br></br>
<label for="enquiry">Treść zapytania:</label><textarea name="enquiry" cols="40" rows="5" id="formularz_text"></textarea></br></br>
<input type="button" id="contact_button" class="przycisk" value="Wyślij" />
</form>
<div id="formularz_odpowiedz">
</div>
</div>
</div>
</div>
<div id="distributors">Wybierz kraj aby pokazać dystrybutorów</div>
<table class="listadeweloperow Sweden">
<tr class="nazwakraju"><td>Szwecja</td></tr>
<tr class="wpisdystry">
<td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td>
</tr>
<tr class="wpisdystry">
<td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td>
</tr>
<tr class="wpisdystry">
<td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td>
</tr>
<tr class="wpisdystry">
<td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td>
</tr>
<tr class="wpisdystry">
<td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td>
</tr>
<tr class="wpisdystry">
<td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td>
</tr>
<tr class="wpisdystry">
<td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td>
</tr>
<tr class="wpisdystry">
<td><img src="images/mztlogomini.png" alt="MZT"></td><td>ECO SOLUTIONS SCANDINAVIA</td><td>STALLARHOLMSVAGEN 49, 124 59 BANDHAGEN,</td><td>STOCKHOLM, SWEDEN</td><td>00 48 784 77 44 25,</td><td>SE: + 46 760 572 551</td><td><a href="http://ecocolutions.se/" style="color:#0072c2;">http://ecocolutions.se/</a></td><td>[email protected]</td>
</tr>
</table>
<br style="clear:both;font-size:0;line-height:0;height:0;" />
</article>
</section>
CSS:
#kontakt {
background: #e9e9e7;
height: 1000px;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
box-shadow: 0 0 50px rgba(0,0,0,0.8);
overflow:hidden;
}
#kontakt article{
position: relative;
width: 100%;
top: 0px;
font-size: 21px;
color: #777777;
font-family: sspro-light;
}
Как я могу установить последний раздел #kontakt к autoheight? Подходить к контенту.
Четких своих поплавков. –
У меня есть
перед тем конец. – Lethysek