Kos87
-
Posts
87 -
Joined
-
Last visited
Kos87's Achievements
Explorer (1/14)
0
Reputation
-
Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 700px, слой начинает "сьедатся" браузером сверху и снизу. Как это можно устранить? Буду благодарен за совет. сайт в архиве html{ height: 100%; margin: 0; padding: 0; } body{ font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif; margin: 0; padding: 0; background-color:#fff; height: 100%; min-width: 1000px; min-height: 700px; } #content_wrap{ height: 700px; width: 1000px; margin: auto; position: relative; left: 50%; top: 50%; margin-left: -500px; margin-top: -350px; background-color: #0033FF } .cloud_first, .cloud_next{ height: 100%; width: 100%; margin: 0; padding: 0; } .cloud_next{ margin-top: -700px; /* высота блока main_wrap */ } <body> <div id="content_wrap"> <div class="cloud_first"> <a href="1"> <img style="position: relative; left: 700px" src="diz/cloud/bronedveri.png" alt="" width="300px" border="0" /> </a> </div> <div class="cloud_next"> <a href="2"> <img style="" src="diz/cloud/bronedveri.png" alt="" width="300px" border="0" /> </a> </div> </div> </body>
-
это да, но мне помогли.
-
я ж "img" дал vertical-align: middle; а его родитель высотой в 100%, то есть зазор вниз есть, и следовательно должно выровнять ...
-
Привет! День мучусь, не могу понять где допустил ошибку ... . Вторая фото не ровняется по вертикали. Может кто просветит где ошибка? Имеется код html <div class="photo_block"> <div class="photo"> <a href="album/deti/IMGP4331.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4331.JPG" border="0" height="200px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4332.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4332.JPG" border="0" height="100px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4334.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4334.JPG" border="0" height="200px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4336.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4336.JPG" border="0" height="200px" /></a> </div> </div> и CSS .photo_block{ background-color: #FFFF33; position: relative; height: 200px; clear: both; } .photo { height: 100%; width: 25%; background-color: green; float: left; text-align: center; } .photo img{ background-color: red; vertical-align: middle; } вот страница с проблемой http://2kadra.com.ua/album_deti.shtml
-
всем спасибо!
-
а светит вертикальный скрол?? я ж его тож вроде уже убрал. попробуй обнови. или я действительно пропустил что то? скрол появлялся когда я футер в боди-врап запхнул, а щас вроде вытянул.
-
а если так оставить? оно ведь и так вроде работает? что дает знак _ в _height:100%; ??
-
я просто вот этот кусок не понял <body> <div id="wrapper"> <div id="header"> header </div> <div id="main"> </div> </div> <div id="footer">footer</div> <!-- тут должен быть лайтбокс --> </body> </html>
-
а лайт бокс у меня в файле стилей прописан так уже все работает я просто добавил боди врап и дал ему ширину вместо боди )) спс
-
что то я слегка запутался .... в мэин у меня идет паддинг снизу 90 пикселей. футер идет отдельно с абсолютным позиционированием. добавил вот это #body-wrap{width:900px; margin:0 auto;} но появляется полоса прокрутки ..... в этот боди-врап обвернул все кроме футера и счетчика гугла. вроде все работает. пробовал убрать позишин релейтив от боди - идет сдвиг футера ...
-
тоесть в моем варианте для того чтобы прижать футер к низу экрана достаточно будет того что Вы написали в предыдущем сообщении? в принципе оно у меня выходит что в ширину боди упирается?? просто обернуть его во что то и дать ему ширину?
-
помогите пожалуйста советом, что не так написал в коде?? использую lightbox2.04 есть вот такой вот баг смещения картинки http://help-team.com.ua/o_nas.html у самого уже мозгов не хватает ....
-
psywalker прав я протупил, написал клас и забыл за него ржу
-
это стандартное свойство <a>??
-
как бы так обьяснить .... если посмотреть положение активного пункту меню и неактивного (на этой странице и на другой какой-нить) то идет смещение не только вправо на 40пикселей, но и вниз (когда на этой странице). И вот я не пойму куда копать ....