css для chrome

qazibum · January 15, 2012

chrome странно width воспринимает.

Если в #cn3 вместо width:5.2%; поставить width:5%; то получиться щель. А в firefox, например, дробная ширина ломает блоки.

Теперь вопрос - как в css указать конкретно для chrome этот стиль?

И почему так происходит?

<html>
<head>
<style type="text/css">
body {background: #333;}
#centr {
float:left;
width:60%;
margin:0px;
background: #000;
}
#cont {
min-height:100px;
padding:0px;
}
#cn1 {
background: #fff;
height:20px;
width:5%;
float:left;
}
#cn2 {
background: #fff;
height:20px;
width:90%;
float:left;
}
#cn3 {
background: #fff;
height:20px;
width:5.2%;
float:right;
}
</style>
</head>
<body>
<div id="centr">
<div id="cont"></div>
<div id="cn1"></div><div id="cn2"></div><div id="cn3"></div>
</div>
</body>
</html>

Softlink · January 15, 2012

Может как-то по-другому реализовать вашу конструкцию, а дробные величины отбросить? Не очень практичное это дело.

psywalker · January 15, 2012

С доктайпом в подвязке ща?

qazibum · January 15, 2012

Может как-то по-другому реализовать вашу конструкцию, а дробные величины отбросить? Не очень практичное это дело.

Можно, сейчас придумаю что-нибудь. А как бы вы сделали?

psywalker,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sign In

css для chrome

Question

qazibum

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

qazibum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information