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



 

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

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

Открыть тему
Тема закрыта
> Divы и Ie
patison
patison
Topic Starter сообщение 22.2.2008, 4:10; Ответить: patison
Сообщение #1


Это просто трагедия, друзья мои.. взялся я верстать шаблон сугубо на дивах, и в порыве своём забыл совсем об IE... Сделал фактически всё до самого конца, открыл в осле, посмотрел, и руки буквально опустились...

Вобщем, вот что у нас получается (прикрепил скрины для IE и лисы).
КСС и ХТМЛ прилагаю.

Я понимаю что кода тут не мало, поэтому буду благодарен любой абсолютно помощи!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 22.2.2008, 11:28; Ответить: Webmaster_hb
Сообщение #2


patison, так если кода много, начинайте по частям
создавайте новый файл в который копируйте только сначала общую структуру, смотрите разницу, выносите вопросы
потом по частям добавляйте все элементы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 22.2.2008, 21:56; Ответить: patison
Сообщение #3


ну вобщем немного минивизировал :)
Вот код:
<html>
<head>
<title>сайт</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<meta http-equiv="Content-Script-Type" content="text/javascript" >
<meta http-equiv="Content-Style-Type" content="text/css" >

<style type="text/css" media="all">
@import url(style.css);
</style>

</head>
<body>
<div class="center"> <div id="left"></div> </div>
<div class="center"> <div id="right"></div> </div>

<div class="center" id="top">
</div>

<!-- Левый блок. Фотка. Юзер-Инфо. -->
<div class="center" id="user_photo_info">

<div id="photo">
<div id="photo_content">
<img src="img/photo.png"></div>
</div>

<!-- Город. Большой ПНГ. -->
<div class="center" id="town">
</div>

<div class="center" id="photo_foot">
</div>
</div>
<!-- ###### -->

<!-- "Бегущая строка" -->
<div class="center" id="beg_stroka">
<font color=white size=2 valign=middle>
&nbsp;&nbsp;&nbsp;Типо какая-то новость интересная ))))
</font>
</div>
<!-- ###### -->

<!-- <div class="center" > -->
<div id="content">
<font color=white> <br><br><br>
В сентябре 1920-го в Биаррице сезон был в самом разгаре. Чистый воздух, мягкий климат, дыхание моря – Баскское побережье, как и Лазурное, влекло изысканное.
</font>
</div>
<!-- </div> -->

<div class="center">
<div id="left_down">
<br>
<div style="position: relative; top: -19px; height: 60px; background-image: url('img/left_top_1.png'); z-index: 1"> </div>
<div style="position: relative; top: -19px; height: 155px; background-image: url('img/left_top_2_1px.png')"> <br><br></div>
<div style="position: relative; top: -19px; height: 40px; background-image: url('img/left_top_3.png')"> <br><br></div>
<br><br>
<div style="position: relative; top: -19px; height: 40px; background-image: url('img/left_top_4.png')"> <br><br></div>
<div style="position: relative; top: -19px; height: 158px; background-image: url('img/left_top_2_1px.png')"> <br><br></div>
<div style="position: relative; top: -19px; height: 40px; background-image: url('img/left_top_3.png')"> <br><br></div>
</div>

<div id="right_down">
</div>
</div>

</body>
</html>


CSS тот-же (ссылка в первом посте)

Прилагаю опять-же скрины..
Т.е. основная проблема - не центрируется.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
QuickSite
QuickSite
сообщение 23.2.2008, 1:23; Ответить: QuickSite
Сообщение #4


код не смотрел, но могу сказать вот что:
данная проблема стандартна и встречается повсеместно. я в этом случае поступаю так: те места, в которых появляются "косяки", я прописываю отдельно для осла и отдельно для нормальных браузеров. реализуется это следующим образом:
правила Css для осла должны выглядет так:


* html #mydiv
{
....
}

А правила для всего остального так:


html>body #mydiv
{
....
}


Вроде, нигде не ошибся...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 23.2.2008, 1:32; Ответить: patison
Сообщение #5


ну это, насколько я знаю, называется хаки )
но вот я пока что не понимаю что именно ие не нравится.. в этом и пытаюсь разобратсья, не без помощи форума :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 26.2.2008, 0:39; Ответить: patison
Сообщение #6


такс, свел проблему до минимума..
вот адес http://alex.fedoramd.org/pub/index.html
вот ксс - http://alex.fedoramd.org/pub/style.css

Сравните как в лисе и как в осле. IE - делает всё НЕ так как хотелось-бы

зы:!!! Просматривайте при разрешении 1280х1024. если есть необходимость - могу сделать скрин.

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


 



RSS Текстовая версия Сейчас: 18.4.2024, 17:27
Дизайн