Jump to content

Pavv323

Newbie
  • Posts

    4
  • Joined

  • Last visited

Everything posted by Pavv323

  1. Могу предложить вычислить ширину картинки Javascript'ом. И соответственно подставлять ее в ширину diva ну и плюсовать размер scroolbar. Я взял 20px. Но это наверное тоже как то можно вычислить с помощью Javascript. <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" lang="ru" xml:lang="ru" > <head> <title> НАЗВАНИЕ СТРАНИЦЫ </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta name="Resource-Type" content="Document" /> <style type="text/css"> </style> </head> <body link='red' vlink='black' alink='green' > <script> var imag = new Image(); var scrollbarWidth = 20; function imgfun(url) { var imgUrl = url; imag.src = imgUrl; var imgWidth = imag.width; return imgWidth; } document.write("<div style='height: 400px; width: ",imgfun("http://i706.photobucket.com/albums/ww68/szr4/q.jpg")+scrollbarWidth,"px; overflow: scroll;'> <img src='http://i706.photobucket.com/albums/ww68/szr4/q.jpg' height='800' width='300'> </div>"); </script> </body> </html> p.s. идея не моя, когда то давненько было нужно мне, нашел в нете. Работает в IE8 в других не проверял, т.к. дома у меня нету других
  2. идею с min-height почерпнул из интернета, да она вобщем то и не совсем идея, это вариант чтобы работало в современных браузерах. я делал изначально с height: 100% но это не работало в опере и ff. и вот про min-height в нете вычитал. Что получить нада пока не знаю. Я решил сначала сделать макет, такой как по ссылке http://www.mig-ooo.ru/test/index.php а потом если он у меня получится и будет работать во всех браузерах одинаково , то уже буду мутить дизайн. Хотя конечно вы правы со скрул баром не красиво маненько получается. Вобщем я еще в раздумьях. Возможно обращюсь к варианту http://vk.osvita.org.ua/footer.htm
  3. 2shvv: да я тоже об этом думал, но как обойти эту проблему? Вы не поверите, сейчас я случайно вообще убрал "доктип" и все стало везде работать одинаково как мне нада. Я просто в шоке если честно. Два дня ломал голову. вот http://www.mig-ooo.ru/test/index.php если все же у кого какие идеи будут с доктипом то пишите обязательно. Хотя где то в нете читал что в валидном документе всегда будут проблемы с высотой дивов.
  4. День добрый. Вот решил у знающих людей поинтересоваться вот такой проблемой. Сразу скажу что прочел тему "Верстка div-ми. Как быть с подвалом?", поглядел макеты которые там приводились по ссылкам. Взял на заметку данный макет http://vk.osvita.org.ua/footer.htm В данном макете в принципе все хорошо, но вот хотелось бы чтобы Sidebar и Mainbar разтягивались до Footer. Вот привожу свой код. В принципе в IE и в Opere он работает так как мне нада, но в FF3.6. работает не так как хотелось бы. Файл index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Test</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" media="screen" href="style.css" /> </head> <body> <div class="wrapper"> <div id="left"></div> <div id="right"></div> <div class="push"></div> </div> <div class="footer"> Footer </div> </script> </body> </html> Файл style.css * { margin: 0; padding: 0; } html, body { height: 100%; } body { text-align: center; } .wrapper { position: relative; width: 100%; background: #00ffff; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; } .footer, .push { height: 40px; clear: both; } .footer { position: relative; width: 100%; margin: 0 auto; background: #ff0000; } #left { float: left; width: 300px; min-height: 95%; height: 95% !important; height: 95%; background: #ff00ff; } #right { float: right; width: 300px; min-height: 95%; height: 95% !important; height: 95%; background: #0000ff; } Результаты работы в IE Opere и FF3.6. приведены на рисунках вложенных. Рисунки присоеденю позже как только пойму как это сделать. Вот рисунки 1. Поведение IE 6 2. Поведение Opera 3. Поведение FF36 P.S. Может кто что подскажет. Может дело в доктипах (я просто про них нифига не знаю).
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy