div id="tekst1" style="height: 100%;"> <div style="float: left; width: 70%; height: 100%; border-color: #cbcbc9; border-width: 0 1px 0 0; border-style: solid; padding: 10px; text-align: left;"> TREŚĆ </div> <div style="float: left; width: 25%; padding: 10px; text-align: center;"> <div style="border: 1px solid #cbcbc9; margin-left: 15px; padding: 5px;"> <form action="wyszukiwanie.php" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-2904501938768162:ep95s6gxfm2" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" size="20" /> <input type="submit" name="sa" value="Szukaj" /> </div> </form> <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=pl"></script> </div> <div style="border: 1px solid #cbcbc9; margin-left: 15px; margin-top: 15px; padding: 5px;"><script type="text/javascript"><!-- google_ad_client = "pub-2904501938768162"; /* Reklama1 */ google_ad_slot = "4710229401"; google_ad_width = 120; google_ad_height = 240; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> <div style="border: 1px solid #cbcbc9; margin-left: 15px; margin-top: 15px; padding: 5px;"><p><b>Partnerzy:</b><p> <a href="http://www.mlodziezowy.konin.pl/" onMouseOver='rollover10.src="img/mk1.png"' onMouseOut='rollover10.src="img/mk2.png"' target="_blank"><img src="img/mk2.png" name="rollover10" border="0"></a></div> </div> </div>
Niestety div tekst1 nie współgra z divem: <div style="float: left; width: 70%; height: 100%; border-color: #cbcbc9; border-width: 0 1px 0 0; border-style: solid; padding: 10px; text-align: left;"> co do wielkości height: 100%. Co zrobić aby div tekst 1 miał 100% wielkości względem drugiego diva? Proszę o pomoc