tius
-
Posts
201 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Everything posted by tius
-
<td bgcolor="yellow" style="height:100%;"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td>
-
В соседней ветке обсуждалось намедни. IMG — инлайновый элемент.
-
Топором: .cert_description{overflow: hidden;} Топором 2: .cert_description{white-space: pre-wrap;} "Наразрывный" контент всегда будет растягивать родительский элемент.
-
.text {width: 698px !important;} и проверьте внутренние слои на наличие лишних margin'ов и padding'ов.
-
Я так понимаю, разницы нет, в каком движке используется та или иная верстка. Так что кидайте что там у вас.
-
В обоих слоях имеются одинаковые вложенные слои (div#submenu). Увеличивая свойство height в правиле div#submenu, вы увеличиваете высоту двух слоев в двух колонках сразу. slowpoke edition
-
если к этим таблицам применить {border-collapse:separate;} то вроде все ок (у меня в драгонфлай).
-
Не во что.
-
http://htmlbook.ru/css/background-attachment
-
psywalker >1. Как я понял, верхняя и нижняя колонки должны иметь фикс высоту? Если так, то в ИЕ такая вещь не прокатывает. А я так понимаю, что просто границы должны быть прижаты к краям браузера. >2. Причём тут fixed? В случае, если левая колонка должна всегда иметь 100% от видимой рабочей области браузера и всегда быть на одном месте, какой бы длинной не была правая колонка. К счастью, этот вариант ОПу не нужен.
-
Не во что.
-
<!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"> <head> <style type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> * { margin: 0; padding: 0; } html, body { height: 100%; margin: 0; } table { height: 100%; width: 100%; } table td { border: 1px solid #808080; vertical-align: top; } </style> <title>Untitled Document</title> </head> <body> <table> <tr> <td>left</td> <td rowspan="3">right</td> </tr> <tr> <td>left</td> </tr> <tr> <td>left</td> </tr> </table> </body> </html> Чувствую, окажется, что левая колонка должна быть всегда на месте и в одном и том же виде, независимо от наполнения правой колонки. Если так, то юзать слои и position:fixed.
-
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>менюшка</title> <style> *{margin:0; padding:0;} #left { background:#000 url(images/left.gif) no-repeat; height:56px; width:60px; float: left; } #right { background: #000 url(images/right.gif) no-repeat; width:41px; height:56px; float: left; } ul { list-style: none; background: #000 url(images/bg.gif) repeat-x; height: 56px; float: left; } ul li { display: block; float: left; height: 56px; } ul li a { text-decoration: none; color: #fff; padding: 0 10px; height: 56px; display: table-cell; vertical-align: middle; } ul li a:hover { background: #95009E url(images/a-hover.gif) no-repeat; } </style> </head> <body> <div id="container-menu"> <div id="left"></div> <ul> <li><a href="#">Home</a></li> <li><a href="#">News</a></li> <li><a href="#">Blogs</a></li> <li><a href="#">About</a> </li> <li><a href="#">Services</a></li> </ul> <div id="right"></div> </div> </body> </html>
-
#left, #right, ul {float: left;}
-
Проблема с отображением при уменьшении окна браузера
tius replied to kompashka's question in HTML Coding
И правда, о чем это я. http://htmlbook.ru/content/dve-kolonki-navigatsiya-sleva например -
Проблема с отображением при уменьшении окна браузера
tius replied to kompashka's question in HTML Coding
Листинг или линк. И min-width. -
Режим обозревателя ИЕ7 справляется.
-
psywalker ИЕ6 - да, а в Семерочке у меня все ок.
-
Например <!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" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> html, body { height: 100%; } table { width: 50%; margin: 0 auto; height: 50%; border: 1px solid #000 colapsed; } td { border: 1px solid #000; vertical-align: top; height: 100%; } div { background: #c0c0c0; margin: 0 0 5px; } .wraper { height: 100%; min-height: 100%; width: 100%; display: table; background: none; margin: 0; } .td1, .td2 { background: #808080; height: 100%; display: table-row; } </style> </head> <body> <table> <tr> <td> <div class="wraper"> <div>111</div> <div>222</div> <div class="td1">333</div> </div> </td> <td> <div class="wraper"> <div>aaa</div> <div class="td2">bbb</div> </div> </td> </tr> <tr><td colspan="2">colspan=2</td></tr> </table> </body> </html>
-
-
Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок
tius replied to Rossi25's question in HTML Coding
Собственно, можно вообще без врапера. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Слои по горизонтали</title> <style type="text/css"> .layer1 { background-color: #fc0; float: right; width: 30%; display: inline-block; } .layer2 { background-color: #c0c0c0; width: 50%; margin: 0 10%; float: right; display: inline-block; } </style> </head> <body> <div class="layer2"> Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing </div> <div class="layer1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <p>Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat. amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna utem dolor in hendrerit in vulputate velit esse molestie consequat. amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aaliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed d</p> </body> </html> Совсем народ разленился. -
Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок
tius replied to Rossi25's question in HTML Coding
Например: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Слои по горизонтали</title> <style type="text/css"> .wrapper { width: 500px; } .layer1 { background-color: #fc0; padding: 5px; float: right; width: 190px; display: inline-block; } .layer2 { background-color: #c0c0c0; padding: 5px; width: 290px; float: right; display: inline-block; } </style> </head> <body> <div class="wrapper"> <div class="layer2"> Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <div class="layer1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <p>Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat. amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed d</p> </div> </body> </html> -
http://www.google.ru/search?client=opera&rls=en&q=box-shadow+ie&sourceid=opera&ie=utf-8&oe=utf-8
