Панч
-
Posts
4 -
Joined
-
Last visited
Панч's Achievements
Explorer (1/14)
0
Reputation
-
Вакансия закрыта.
-
Во всех брузерах, нормально работает, a в FF текст уезжает под div с картинкой HTML <div class="slayserImg"><img src="/images/image.jpg"/></div> <p>Куча текста</p> CSS .slayserImg {float:left; padding: 5px; border: 1px solid #999; margin: 0 15px 0 0; zoom: 1;} .slayserImg IMG { width: 130px;}
-
в 6 ишаке обе правые картнки слегка съезжали, но уже поблема устранена с помощью следующих изменений в css коде #innerContent {position: relative; background:#FFF url(img/corners.gif) no-repeat -18px -18px; width: 97%; margin: auto; height: 100px;} .corner {height: 18px; width: 18px; position: absolute; background: url(img/corners.gif) no-repeat -18px 0; overflow: hidden;} #innerContent .tR {margin-left: 100%; left: -18px; background-position: 0 -18px;} #innerContent .bR {margin-left: 100%; bottom: 0; left: -18px; background-position: 0 0;} #innerContent .bL {left: 0; top: 100%; margin-top: -18px;}
-
Здравствуйте! Хочу закруглить углы с помощью графики, но IE 6 это не съедает. Если ли решение такой проблемы? <!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>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="all"> <div id="top"> <img class="logo" src="css/img/logo.gif"> </div> <div id="innerContent"> <div class="corner tR"></div> <div class="corner bR"></div> <div class="corner bL"></div> </div> </div> </body> </html> BODY {background: #041f1b url(img/backgroung.gif) center repeat-y;} #all { width: 100%;} #top {height: 152px; position: relative; min-width: 1000px; max-width: 1280px; width: 99%; margin: auto;} .logo { position: relative; margin: 63px 0 55px 37px;} #innerContent {position: relative; background:#FFF url(img/corners.gif) no-repeat -18px -18px; min-width: 1000px; max-width: 1280px; width: 99%; margin: auto; height: 100px;} .corner {height: 18px; width: 18px; position: absolute; background: url(img/corners.gif) no-repeat -18px 0; overflow: hidden;} #innerContent .tR {left: 100%; margin-left: -18px; background-position: 0 -18px;} #innerContent .bR {left: 100%; top: 100%; margin: -18px 0 0 -18px; background-position: 0 0;} #innerContent .bL {left: 0; top: 100%; margin-top: -18px;}