|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
31.12.2008, 02:06 | #1 |
Форумчанин
Регистрация: 31.12.2008
Сообщений: 634
|
В диком мире браузеров
Значитца вопрос следующего харатера - размеры в Ксс верстке
При верстке сайта только одними дивами столкнулся со следующей проблемой - каждый браузер (,а имено Fiefox, Opera, IE, Chrome & Netscape ) Каждый по своему интерпретирует размеры . Подхожу к сути впроса - Народ!!! Каие лучше размеры выбирать?? Например я знаю что для определения "резиновой " ширины лучше чем % не придумаешь, ну а сажем задавать те же размеры шрифтов , положение элементов внутри дива как лучше? Какой единицой измерения - px или em ? Или быть может чем то другим? |
31.12.2008, 10:21 | #5 |
Форумчанин
Регистрация: 31.12.2008
Сообщений: 634
|
Вся трабла в том, что я сам задаю размеры полей и отступов, что и для дива и для его предков .Пример
Код HTML:
<div style="width:100%;height:40px;"> <div style="float:left;width:40%;text-align:left; padding:0px;margin:0px;> <p style="padding-top:5px' margin:0px"> <a href="#">О нас</a> <a href="#">О нас</a> <a href="#">О нас</a> <a href="#">О нас</a> </p></div> <div style="float:right;width:40%;text-align:right; padding:0px;margin:0px;> <p style="padding-top:5px' margin:0px"> Все права защищены 2008 год </p></div></div> Последний раз редактировалось SkyM@n; 31.12.2008 в 12:20. |
31.12.2008, 10:35 | #6 |
Участник клуба
Регистрация: 04.10.2008
Сообщений: 1,485
|
ужасно много опечаток, советую следить за своими ошибками
Код HTML:
<div style="width:100%;height:40px;background-color:red;"> <div style="float:left;width:40%;text-align:left; padding:0px;margin:0px;background-color:blue;"> <p style="padding-top:5px; margin:0px;background-color:yellow;"> <a href="#">О нас</a> <a href="#">О нас</a> <a href="#">О нас</a> <a href="#">О нас</a> </p> </div> <div style="float:right;width:40%;text-align:right; padding:0px;margin:0px;background-color:green;"> <p style="padding-top:5px; margin:0px;background-color:grey;">Все права защищены 2008 год</p> </div> </div> в ие часто на отступы влияют переносы строк в исходном коде, так что если расположить весь код в одну строку то выглядеть все будет во всех браузерах идентично свободен... Последний раз редактировалось wall66; 31.12.2008 в 10:41. |
31.12.2008, 10:51 | #7 |
Форумчанин
Регистрация: 31.12.2008
Сообщений: 634
|
А вот про это не знал, надо будет опробовать.
|
03.01.2009, 22:52 | #8 |
Пользователь
Регистрация: 03.01.2009
Сообщений: 19
|
Для начала проверьте как прописан !DOCTYPE. попробуйте прописать самый строгий доктайп.
Учу php, нормально знаю html и css
|
04.01.2009, 16:46 | #9 |
Форумчанин
Регистрация: 31.12.2008
Сообщений: 634
|
Самый строгий это вроед HTML Strict ?, я вставил туда
Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
а вот пример кода из документа Код HTML:
<div id="foot"><p id="rid"> Копирайт (с) 2008. Все права защищены </p><p id="lid"><a class="circ" href="#">о компании</a> <img class="circ" src="images/circ.png"><a class="circ" href="#">сотрудничество</a><img class="circ" src="images/circ.png"><a class="circ" href="#">контакты</a><img class="circ" src="images/circ.png"><a class="circ" href="#">вакансии</a></p></div> div#foot {width:100%;position:relative;background-color:#C9C9C9;height:50px;padding:0px;margin:0px;} p#rid {float:right;width:45%;text-align:right;font-weight:100;padding-right:7px;padding-top:5px;font: 11px tahoma;} p#lid {float:left;width:45%;text-align:left;padding:5px;font: 11px tahoma;} |
04.01.2009, 20:26 | #10 |
Участник клуба
Регистрация: 04.10.2008
Сообщений: 1,485
|
доктайп слабо влияет на выдаваемый результат
без картинок и классов circ код непроверяем, но вам самому следует проверить его на ошибки и убрать лишние пробелы еще одна особенность: по умолчанию картинка это строчный элемент с отступом в нижней части, в разных браузерах размер этого отступа разный свободен... |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Фон страницы для разных браузеров | Makarov | HTML и CSS | 8 | 19.06.2009 22:32 |
Cтатистика использования браузеров | Air | Свободное общение | 17 | 08.02.2009 23:33 |
Множество браузеров | LeoN | Общие вопросы Delphi | 0 | 01.05.2008 14:55 |
Погода в мире | Shurik Hacker | Софт | 1 | 18.02.2008 07:46 |