| |
|
|
| | Привет друзья!
Посмотрите на код что нужно сделать чтобы <div id="page"> всегда стоял по правому краю div-a left-sidebar но замете что left-sidebar не в процентах а в пикс надо чтобы div id=page растягивался а div id=left-sidebar всегда был фиксированного размера. Какие элементы надо добавить div id="page". Это можно сделать с помощью таблиц но как сделать в div-ах
<style>
#container {
width:100%;
}
#left-sidebar {
float:left;
width: 200px;
}
</style>
<div id="container">
<div id="left-sidebar">
</div><!-- left-sidebar -->
<div id="page">
</div><!-- page -->
</div><!-- container -->
|
| |
| |
|
|
| |
|
|
| |
для: Я Чайник
(13.11.2010 в 12:12)
| | |
<?xml version="1.0" encoding="utf-8"?><!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>
<title></title>
<style>
body, html{padding:0; margin:0;}
#page {
float:right;
margin-right:-200px;
width:100%;
background:red;
}
#left-sidebar {
float:left;
width:200px;
background:cyan;
}
#container {
margin-right:200px;
background:green;
}
</style>
</head>
<body>
<div id="container">
<div id="left-sidebar">sidebar
</div><!-- left-sidebar -->
<div id="page">page
</div><!-- page -->
</div><!-- container -->
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(13.11.2010 в 13:24)
| | | Спасибо за ответ! | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(13.11.2010 в 13:24)
| | | Каким боком здесь XML, человеку бы с HTML4 разобраться, не говоря уже об XHTML? | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(13.11.2010 в 13:24)
| | | Каким боком здесь XML, человеку бы с HTML4 разобраться, не говоря уже об XHTML? | |
| |
|
|
| |
|
|
| |
для: mihdan
(14.11.2010 в 01:13)
| | | Докладываю, о, дотошный мой!
Я использую доктайп для того, чтобы убедиться, что мое решение работает кроссбраузерно. Ибо. | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(14.11.2010 в 02:20)
| | | Я бы пАААААААААААпрААААААсил Вас!
"Доколе. Ежели. Ибо. Какой-нить. Кое. Однако. Особливо. Сиречь. Таки. Якобы." - это МОЙ (копирайтный) набор слов.
Занесите его в свой стоп-словарь!
:-)) | |
| |
|
|
