X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> ширина div равная ширине экрана - значение в px
pythonwin
pythonwin
Topic Starter сообщение 17.3.2010, 14:52; Ответить: pythonwin
Сообщение #1


Всем привет!
Пожалуйста, подскажите, как можно нарезать три колонки, в которых центральная имеет фиксированную ширину, а две боковые имели бы плавающую ширину равную = (ширина экрана - ширина центральной колонки в px)/ 2 ?
<!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" />
<style type="text/css">
<!--
body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}

.thrColEls #container {
    width: 100%;  
    background: #FFFFFF;
    margin: 0 auto;
    border: 1px solid #000000;
    text-align: left;
}

.thrColEls #sidebar1 {
    float: left;
    /*width: 11em; */
    background: #EBEBEB;
    padding: 15px 0;
    height:400px;
    padding:0 auto;
    border:1px solid #0000FF;
    min-width:5px;
    width:auto;
}
.thrColEls #sidebar2 {
    float: right;
    /*width: 11em; */
    background: #EBEBEB;
    padding: 15px 0;
    height:400px;
    border:1px solid #FF0000;
    min-width:5px;
    width:auto;
}
.thrColEls #sidebar1 h3, .thrColEls #sidebar1 p, .thrColEls #sidebar2 p, .thrColEls #sidebar2 h3 {
    margin-left: 10px;
    margin-right: 10px;
}

.thrColEls #mainContent {
/*    margin: 0 12em 0 12em; */
    margin: 0 auto;
    height:400px;
    width:1002px;
    border:1px solid #00FF00;
}

.fltrt {
    float: right;
    margin-left: 8px;
}
.fltlft {
    float: left;
    margin-right: 8px;
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
-->
</style><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.thrColEls #sidebar1, .thrColEls #sidebar2 { padding-top: 30px; }
.thrColEls #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--></head>

<body class="thrColEls">

<div id="container">
  <div id="sidebar1">
  <!-- end #sidebar1 --></div>
  <div id="sidebar2">
  <!-- end #sidebar2 --></div>
  <div id="mainContent">
<!-- end #container --></div>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 18.3.2010, 12:55; Ответить: klenovnn
Сообщение #2


Хм, а зачем ты сюда чужой код выставляешь, к тому же ты его не понимаешь совсем.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) От какого экрана будут меньше уставать глаза OLED или IPS?
 3 metvekot 1038 12.3.2024, 16:25
автор: MisterBit
Открытая тема (нет новых ответов) Подборка экрана к ноутбук
 12 L1nk_321 2636 5.3.2024, 14:10
автор: AlenaHead
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
 10 muratastana 1603 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Прижать к низу экрана
 2 sergei_burg 5439 2.9.2018, 23:17
автор: -dkflbr-
Открытая тема (нет новых ответов) DIV'ы в строку
 0 RedEclipse 5465 29.9.2016, 17:53
автор: -RedEclipse-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 25.4.2024, 14:17

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet