maks-master
-
Posts
9 -
Joined
-
Last visited
maks-master's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо всем!
-
body {min-width: 1100px;} {display: inline-block;} Кто может помочь с этими проблемами на что можно поменять эти слова ?
-
Привет всем хочу представить мою верстку я никогда не подгонял ни под какие либо браузеры и вот столкнулся с такой проблемой неправильное отображение а точнее пропали линии (картинки) или стукните в аську буду рад 452871236 Помогите пожалуйста !Прикрепил фото на то что нужно и на то что получилось http://s43.radikal.ru/i099/0909/45/be00313b82f5.jpg http://i023.radikal.ru/0909/ac/a046b8df8544.jpg <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>MovieAvi.ru</title> <meta name="description" content="Лучший архив видео файлов. Самое лучшее видео. Здесь вы можете скачать видео бесплатно."> <meta name="keywords" content="бесплатно, качественное, удивительное, видео, скачать" > <link rel="stylesheet" type="text/css" href="style.css" media="all" /> <!--[if IE 6]> <style type="text/css"> .content {height:expression(((document.documentElement.clientHeight || document.body.clientHeight) < 1100)? "auto":"1100px");} </style> <![endif]--> </head> <body> <div id="header"> <div class="search"> <form name="search_bar" action="" method="get"> <input class="button" type="image" src="images/search.jpg" name="search" alt="Поиск"/> <input class="field" name="searchword" maxlength="50" alt="search" type="text" value="Введите название фильма" onblur="if(this.value=='') this.value='Введите название фильма';" onfocus="if(this.value=='Введите название фильма') this.value='';"/> </form> </div> </div> <div id="main"> <div id="leftcol"> <div class="module"> <div class="b-t"><div><div></div></div></div> <div class="in"> <h3>Главная</h3> <ul> <li><a href="#">Мультфильмы</a><span>50</span></li> <li><a href="#">Детектив</a><span>541</span></li> <li><a href="#">Катастрофа</a><span>48</span></li> <li><a href="#">Исторический</a><span>4</span></li> <li><a href="#">Драма</a><span>78</span></li> <li><a href="#">Мелодрама</a><span>12</span></li> <li><a href="#">Ужасы</a><span>78</span></li> <li><a href="#">Боевик</a><span>87</span></li> <li><a href="#">Триллер</a><span>213</span></li> <li><a href="#">Комедия</a><span>54</span></li> <li><a href="#">Военный</a><span>78</span></li> <li><a href="#">Криминал</a><span>87</span></li> <li><a href="#">Семейный</a><span>1</span></li> </ul> <a href="#" class="all">Все категории</a><span>1331</span> </div> <div class="b-b"><div><div></div></div></div> </div> <div class="module"> <div class="b-t"><div><div></div></div></div> <div class="in"> <h3>Главная</h3> <ul> <li><a href="#">Мультфильмы</a><span>50</span></li> <li><a href="#">Детектив</a><span>541</span></li> <li><a href="#">Катастрофа</a><span>48</span></li> <li><a href="#">Исторический</a><span>4</span></li> <li><a href="#">Драма</a><span>78</span></li> <li><a href="#">Мелодрама</a><span>12</span></li> <li><a href="#">Ужасы</a><span>78</span></li> <li><a href="#">Боевик</a><span>87</span></li> <li><a href="#">Триллер</a><span>213</span></li> <li><a href="#">Комедия</a><span>54</span></li> <li><a href="#">Военный</a><span>78</span></li> <li><a href="#">Криминал</a><span>87</span></li> <li><a href="#">Семейный</a><span>1</span></li> </ul> <a href="#" class="all">Все категории</a><span>1331</span> </div> <div class="b-b"><div><div></div></div></div> </div> <div class="banner"><a href="#"><img src="images/banner.jpg" alt="HQ Video" /></a></div> </div> <div id="rightcol"> <div class="module"> <div class="b-t"><div><div></div></div></div> <div class="in"> <h3>Главная</h3> <ul> <li><a href="#">Мультфильмы</a><span>50</span></li> <li><a href="#">Детектив</a><span>541</span></li> <li><a href="#">Катастрофа</a><span>48</span></li> <li><a href="#">Исторический</a><span>4</span></li> <li><a href="#">Драма</a><span>78</span></li> <li><a href="#">Мелодрама</a><span>12</span></li> <li><a href="#">Ужасы</a><span>78</span></li> <li><a href="#">Боевик</a><span>87</span></li> <li><a href="#">Триллер</a><span>213</span></li> <li><a href="#">Комедия</a><span>54</span></li> <li><a href="#">Военный</a><span>78</span></li> <li><a href="#">Криминал</a><span>87</span></li> <li><a href="#">Семейный</a><span>1</span></li> </ul> <a href="#" class="all">Все категории</a><span>1331</span> </div> <div class="b-b"><div><div></div></div></div> </div> <div class="module"> <div class="b-t"><div><div></div></div></div> <div class="in"> <h3>Главная</h3> <ul> <li><a href="#">Мультфильмы</a><span>50</span></li> <li><a href="#">Детектив</a><span>541</span></li> <li><a href="#">Катастрофа</a><span>48</span></li> <li><a href="#">Исторический</a><span>4</span></li> <li><a href="#">Драма</a><span>78</span></li> <li><a href="#">Мелодрама</a><span>12</span></li> <li><a href="#">Ужасы</a><span>78</span></li> <li><a href="#">Боевик</a><span>87</span></li> <li><a href="#">Триллер</a><span>213</span></li> <li><a href="#">Комедия</a><span>54</span></li> <li><a href="#">Военный</a><span>78</span></li> <li><a href="#">Криминал</a><span>87</span></li> <li><a href="#">Семейный</a><span>1</span></li> </ul> <a href="#" class="all">Все категории</a><span>1331</span> </div> <div class="b-b"><div><div></div></div></div> </div> </div> <div id="maincol"> <div class="b-t"><div><div></div></div></div> <div class="in"> <div class="catalog clear"> <h3>Новинки</h3> <ul> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> </ul> <ul> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> </ul> </div><!--/ catalog --> </div> <div class="b-b"><div><div></div></div></div> </div> </div> <div id="footer">© 2008 Movieavi.ru </div> </body> </html> * {margin:0; padding:0;} body {min-width: 1100px;} img { border:none; } #header { background:#424E40 url(images/logo.jpg) 15px center no-repeat; height:70px; } /* Шрифт, фон */ html { background:#f5f5f5; } .search {position: absolute; top: 21px; right: 15px; width: 310px;} #header .search .field { background:url(images/input.jpg) center no-repeat; border:none; height:22px; width:185px; margin-top:2px; padding-top:2px; padding-left:5px; } #header .search .button { float:right; margin-left:0; } #main { padding:16px; } #leftcol, #maincol { float:left; } #leftcol, #rightcol { width:15%; } #rightcol { float:right; } #maincol { padding:0 10px; text-align:center; } .module { margin-bottom:15px; background:#ffffff; } .module ul, .module h3 { text-align:left; } .module a { text-decoration:none; font-weight:bold; color:#000000; font-size:1.05em; } .module li { list-style:none; padding-top:3px; padding-bottom:5px; border-top:#999999 solid 2px; background:#ffffff; } .module li a { font-size:1.05em; color:#000000; font-weight:normal; } .module li a:hover { color:#FF8A19; } .module li span { float:right; margin-top:-20px; } .all { float:left; } .banner { text-align:center; margin-top:20px; } .catalog h3 {padding: 5px 0; color: #000; text-align: left; font: bold 16px Arial, Helvetica, sans-serif} .catalog ul {} .catalog ul li {display:block; float: left; width:204px;} .catalog ul li a {display: block; overflow: hidden; border: 0px dashed #c9c9c9; text-decoration: none; margin:auto; padding: 5px 0 5px; width:100%; } .catalog ul li a:hover {text-decoration: none; } .catalog ul li a:hover em {color: #2ab5d8} .catalog ul li em { font-weight:bold; display: block; overflow:hidden; margin: 5px 0 5px; color: #6A9B00; font-style: normal; font-size: 1em; width:80%;} .catalog ul li small {display: block; color: #FE8300; font-size: .9em; text-decoration:underline; width:80%;} .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} .clear {display: block;} .b-t, .b-t div, .b-b, .b-b div {height: 4px; overflow: hidden; background:url(images/c.png) no-repeat} .b-t {padding-left: 4px; background-position: 0 0} .b-t div {padding-right: 4px; background-position: 100% -4px} .b-t div div {height: 3px; background: #fff; border-top: 1px solid #CCC; } .b-b {padding-left: 4px; background-position: 0 -12px} .b-b div {padding-right: 4px; background-position: 100% -8px} .b-b div div {height: 3px; background: #fff; border-bottom: 1px solid #CCC; } .in {padding: 10px; border: 1px solid #cecccc; border-top: 0; border-bottom: 0; text-align: center} #footer { background:#424E40 url(images/index3_22.jpg) center no-repeat; height:55px; margin-top:1050px; text-align:center; padding-top:12px; color:#FFFFFF; }
-
А как такое выравнивание ? #center { margin:0 auto; width:800px; }
-
а что можете сказать насчет <div align="center">после всех кодов закрываем</div> я вот хочу спросить как его принимать все эксплореры! Стоит ли им пользоватся?
-
А как такой вариант В HTML делаем главный див <div id="center">после всех кодов закрываем</div> А в CSS просто делаем так #center { margin:0 auto; } Как такой вариант центрирования? Или такой вариант <div align="center">после всех кодов закрываем</div>
-
Нашел один вариант оцентровки! между тегами <body><center></center></body> ЧТо скажите насчет этого варианта он походящий или нет ?
-
Благодорю!
-
Как правельно оцентровать страничку ? Надо что бы на всех разрешениях монитора отображалось одинакова? Заранее благодарю!