ie при float удваивает значение margin либо для IE закройте хаком уменьшенное на 2 значение либо display: inline исправляет это. конечно все это работает, если причина именно в margin
Вид для печати
ie при float удваивает значение margin либо для IE закройте хаком уменьшенное на 2 значение либо display: inline исправляет это. конечно все это работает, если причина именно в margin
Скорее всего, причина не в маргине. А можно указать размер объекта так. 100%-824px? Если ставить размер, меньший за размер экрана - все пучкем, только не до конца линия. а нужно, чтобы до конца была
ЧТО, никто не знает, что за параша у меня?
И еще вопрос, а почему именно дивы? можно использовать и P и еще какието теги-боксы.
[/quote]Цитата:
Originally posted by KukMan@Apr 20 2007, 16:19
Скорее всего, причина не в маргине. А можно указать размер объекта так. 100%-824px? Если ставить размер, меньший за размер экрана - все пучкем, только не до конца линия. а нужно, чтобы до конца была
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
скрестя пальцы, будем ждать вот такой фишки в CSS
[Only registered and activated users can see links. Click Here To Register...]Код:#mainContent {
width: calc(100% - 200px)
}
А сколько ждать? Это б очень облегчило задачу.
Может какимито другими способами поставить ту линию? Абсолютным позиционированием?
ошибку нашел. у меня было два свойства #line (одно старое, второе новое). Теперь все гут, но есть одно "но".
Мне нужно поставить высоту #content. Если я это сделаю (height: 63px;), то в осле появляется непонятный отсутп в 3 пикселя. Никакими отрицательными маргинами не лечится. Что мне делать?Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Main</title>
<STYLE TYPE="text/css">
#sidebar {
*float:left; width:824px; height: 221px;
*background-color: black;
*margin:0px; *padding: 0px;
}
#content {
*background-color: red;;
*margin: 158px 0px 0px 824px;
}
#title {
*overflow:hidden;
}
</STYLE>
</head>
<body>
<div id="title">
*<div id="sidebar">
* *
*</div>
*<div id="content">
* *
*</div>
</div>
</body>
</html>
[Only registered and activated users can see links. Click Here To Register...]
Пасибки;)
Фух. Закончил. Если бы не Вы - еще б парился б минимум месяц. Можете посмотреть на сие чудо по адерсу [Only registered and activated users can see links. Click Here To Register...]. На всех разрешениях вплоть до 800х600 тестировалось. В ИЕ и в ФФ гут (в Опере не смотрел). Так что, ваше мнение. Спасибо еще раз.
Теперь зато в FF кривизна... ))
О вспомнил. На радостях забыл спросить об этом косяке. Истинной причины его я не вижу. Может там проблелы перед переносами или еще чтото. как это устранить?
[/quote]Цитата:
Originally posted by KukMan@Apr 21 2007, 21:59
Фух. Закончил. Если бы не Вы - еще б парился б минимум месяц. Можете посмотреть на сие чудо по адерсу [Only registered and activated users can see links. Click Here To Register...]. На всех разрешениях вплоть до 800х600 тестировалось. В ИЕ и в ФФ гут (в Опере не смотрел). Так что, ваше мнение. Спасибо еще раз.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
обязательно смотри, как выглядит сайт при отключенном CSS, формы принято брать в fieldset, и обязательно должно присутствовать название или лого сайта.
пример можешь посмотреть здесь [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by KukMan@Apr 22 2007, 01:07
О вспомнил. На радостях забыл спросить об этом косяке. Истинной причины его я не вижу. Может там проблелы перед переносами или еще чтото. как это устранить?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
у тебя здесь стоит margin, а т.к. блок не тянется по вертикали, то и этот margin присутствует только по высоте блока.Код:#sections {style.css (line 42)
float:left;
margin-right:15px;
width:205px;
}
Увидел, исправил.Цитата:
у тебя здесь стоит margin, а т.к. блок не тянется по вертикали, то и этот margin присутствует только по высоте блока.
Как это сделать?Цитата:
формы принято брать в fieldset
Смотрел, отлично выглядит. Только вопрос. Можно так делать т.е. чтобы между тегами ничего не было, или обязательно пробел нужно ставить?Цитата:
обязательно смотри, как выглядит сайт при отключенном CSS,
[quote]обязательно должно присутствовать название или лого сайта.[/QUOАTE]
А для чего? Ну я думал текст "Лекарственный Растения" сделать текстом.
Если для удобного просмотра без стилей, можно написать лого и поставить display:none. При отключении стилей будет показываться.
т.е. чтобы между тегами ничего не было, или обязательно пробел нужно ставить?[/quote]Цитата:
Originally posted by KukMan+Apr 22 2007, 10:51-->я не зря дал ссылку на одну из своих работ, посмотри на нее без CSS и на свою работы и поймешь, как брать в fieldset формы и почему нужно название сайта.Цитата:
Смотрел, отлично выглядит.
<!--QuoteBegin-KukMan@Apr 22 2007, 10:51
[b]Только вопрос. Можно так делать <div id="class">
лучше поставить пустой коммент
Код:<!-- -- >
да, display: none либо замена картинки текстом, но не в твоем случае.Цитата:
Originally posted by KukMan@Apr 22 2007, 10:51
[b]А для чего? Ну я думал текст "Лекарственный Растения" сделать текстом.
Если для удобного просмотра без стилей, можно написать лого и поставить display:none. При отключении стилей будет показываться.
Исправил все... Даже прошел валидацию:)
вот, это уже другой разговор, ты все ближе к идеалу в плане верстки.
могу еще дать совет. есть такая конструкция тэгов
это так называемый список определений. так вот конструкцию с фоткой растения, его названием и описанием семантически верно запихнуть в такую конструкцию, тогда опять же при отключенном CSS контент будет выглядеть более структурировано.Код:<dl>
<dt></dt>
<dd></dd>
</dl>
Поподробнее, если можно, плиз.
KukMan
Можно, конечно. Но хоть разок, хоть ради приличия, загляните в Спецификацию, а?
Если собираетесь верстать с более-менее завидной постоянностью, ее все равно прочитать придется... )