| |
|
|
| | HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>DIV</title>
</head>
<body>
<div id="left"></div>
<div id="right"></div>
</body>
</html>
|
CSS:
#left { float: left; width:30%;
border: 1px solid black;
}
#right { float: right; width:70%;
border: 1px solid black;
}
|
На деле правый блок съезжает вниз. Почему? Подскажите пожалуйста.
http://smages.com/images/17ba69f8648c33cd51a5176101a1da85.gif | |
| |
|
|
| |
|
|
| |
для: 117195m
(26.05.2007 в 08:47)
| | | 1) 30%+70% =100% + 4 пикселя бордюров блоков => больше 100% прокрутки не появится, поскольку значения заданы относительно, а не в абсолютных единицах.
2) если суммарно надо 100% я бы сделал так:
#left { float: left; width:30%;
border: 1px solid black;
}
#right { float: left; width:69%;
border: 1px solid black;
}
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.05.2007 в 08:53)
| | | А можно в таком случае сделать чтобы обводка была вовнутрь? Тогда наверное не будет лишних пикселов. | |
| |
|
|
| |
|
|
| |
для: 117195m
(26.05.2007 в 09:07)
| | | нет, обводка всегда снаружи.
вы можете съэмитировать бордер повторяющимся фоновым рисунком по вертикали. | |
| |
|
|
