Golden_Puma
-
Posts
4 -
Joined
-
Last visited
Golden_Puma's Achievements
Explorer (1/14)
0
Reputation
-
Сайт уезжает по вертикали за границу окна
Golden_Puma replied to Golden_Puma's question in HTML Coding
ой у меня кажется получилось ширину нормальной сделать - убрала 100% weight во вложенной таблице в блоке "контент" высота нрмальная получилась тлько в Опере и в Мазиле заданием расположения всех 4 углов у блоков "меню" и "контент" а вот в Эксплоурере все равно данные блоки подтяиваются кверху -
Сайт уезжает по вертикали за границу окна
Golden_Puma replied to Golden_Puma's question in HTML Coding
до того как я применила абсолютное позиционирование, огн все равно уекзжал вниз на высоту шапки я поставила 80% ввосту блоков меню и контента, мин убрала - сайт все равно уезжает (правда на меньшее растояние). А вот с шириной изначально у меня было все нормально - это наверное после применения абсолютного позиционировния почему то уехала еще и ширина может мне все таки объяснит как правильно? ПЛИЗ -
Сайт уезжает по вертикали за границу окна
Golden_Puma replied to Golden_Puma's question in HTML Coding
наверху у меня в блоке таблица, потому как там картинка резанная на 15 чкаситей для резины и я не знаю как заменить ячейки таблицы для них 100% конечно а как иначе без ста, вот и поведуйте что должно быть вместо ста если их убрать то блоки с меню и с контентом сжимаются кверху -
Помогите пожалуйста девушке. которая только что начала изучать CSS и блоки. Простейший шаблон: сверху шапка, слева меню, справа контент. САйт должен быть вытянут по вертикали до низа. Если контента много то соответственно он должен вытягиваться дальше и появляться должна прокрутка. В данный момент он соответсвенно пуст, но почему то уходит за границы экрана. Помогите решить мою проблеу, пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ Без Имени</title> <link href="style2.css" rel="stylesheet" type="text/css"> </head> <body> <div id="top"> <table width="100%" class="top" border="0" cellspacing="0" cellpadding="0"> <tr> <td></td> </tr> </table> </div> <div id="menu"> <table class="menu" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="menu" ><div>Тут будет меню</div> <div id="puma">Design</div></td> <td id="polosa2"></td> </tr> </table> </div> <div id="content"> <table class="content" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="content" > Контент </td> </tr> </table></div> </body> </html> html { width: 100%; padding: 0px; border: 0px; margin: 0px; height: 100%; } body { width: 100%; padding: 0px; border: 0px; margin: 0px; height: 100%; } .content { height: 100%; width: 100%; } td.content { vertical-align: top; padding: 25px; } td.menu { vertical-align: top; width: 194px; } #top { height: 204px; width: 100%; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; } #menu { width: 199px; height: 100%; background-image: url(images/bg_top.gif); padding: 0px; position: absolute; left: 0px; top: 204px; margin: 0px; } #content { background-image: url(images/bg_main.gif); height: 100%; min-height: 100%; position: absolute; left: 199px; top: 204px; margin: 0px; padding: 0px; } #puma { position: absolute; left: 0px; bottom: 50px; } #polosa { background-image: url(images/yorki2_15.gif); background-repeat: repeat-x; height: 5px; } table.top { margin: 0px; padding: 0px; height: 199px; width: 100%; } #polosa2 { background-image: url(images/yorki2_18.gif); background-repeat: repeat-y; width: 5px; } .menu { width: 199px; height: 100%; } }