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



 

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

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

Открыть тему
Тема закрыта
> кроссбраузерная верстка
method_hb
method_hb
Topic Starter сообщение 27.3.2009, 16:46; Ответить: method_hb
Сообщение #1


Здраствуйте, сделал я значит футер, в опере и файрвоксе он отображается нормально, а вот в Експлорере плывет до неузнаваемости, помогите, с чего начать кроссбраузерную верстку? Так как верстаю одним для себя знакомым способом другого не знаю.



Вот код футера.



<style>



.line_verh {background-image:url(img/line_verh.gif);
width:973px;
height:4px;}

.line_niz {background-image:url(img/line_niz.gif);
width:973px;
height:4px;
float:left;}

.content {background-color:#9A9A9A;
padding-top:30px;
overflow:hidden;
padding-bottom:20px;}

.content a:active {color:#FFFFFF;
text-decoration:underline;}

.content a:visited {color:#FFFFFF;
text-decoration:underline;}

.block1 {margin-left:50px;
float:left;}

.text_link {font-family:"Trebushet MS";
font-size:12px;}

.block2 {margin-left:40px;
float:left;}

.kvadrat {background-image:url(img/cvadrat.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:10px;}

.text_style {color:#6C6C6C;
font-family:"Trebushet MS";
font-size:12px;}

.block3 {float:left;
margin-left:30px;
width:200px;}

.center {text-align:center;
font-weight:100;}

.company {margin-left:10px;}

.block4 {float:left;
width:60px;
margin-left:50px;}

.block5 {float:left;
margin-left:30px;
width:200px;}

.line {background-image:url(img/line.gif);
width:906px;
height:2px;
float:left;
margin-left:35px;
margin-top:20px;}

.block6 {float:left;
width:100px;
margin-left:30px;}

.text_copyright {float:left;
margin-top:10px;
margin-left:50px;
color:#424240;
font-family:arial;
font-size:11px;}

.forma1 {float:left;
width:350px;
margin-top:10px;
margin-left:50px;}

.knopka {background-image:url(img/knopka.gif);
width:28px;
height:20px;}

.label1 {width:200px;
margin:0;
padding:0;}

input {float:left;}
</style>



<div class="line_verh"></div>
<div class="content">
<div class="block1"><span class="text_link">
<a href="#">Главные новости</a><br/>
<a href="#">Киев</a><br/>
<a href="#">Мир</a><br/>
<a href="#">Россия</a></span>
</div>
<div class="block2">
<span class="text_link"> <a href="#">Шоу бизнес</a></span>
<span class="text_style">
<div class="kvadrat">Кино</div>
<div class="kvadrat">Музыка</div>
<div class="kvadrat">Афиша</div>
</span>

</div>
<div class="block3">
<span class="text_link"><div class="center"><a href="#">Бизнес</a></div></span>
<span class="text_style">
<table width="250">
<tr>
<td width="130"><div class="kvadrat">Новости</div><div class="company"> компаний</div></td>
<td width="120"><div class="kvadrat">Рынки</div>
<div class="kvadrat">Экономика</div>
<div class="kvadrat">Недвижимость</div></td>
</tr>
</table> </span>
</div>
<div class="block4">
<span class="text_link"><div class="center"><a href="#"> Украина</a></div></span>
<span class="text_style">
<div class="kvadrat">События</div>
<div class="kvadrat">Политика</div>
</span>
</div>
<div class="block5">
<span class="text_link"><div class="center"><a href="#">Cпорт</a></div></span>
<span class="text_style"><table width="200" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="120">
<div class="kvadrat">Футбол</div>
<div class="kvadrat">Бокс</div>
<div class="kvadrat">Баскетбол</div>
<div class="kvadrat">Теннис</div>
</td>
<td width="80">
<div class="kvadrat">Формула-1</div>
<div class="kvadrat">Хоккей</div>
<div class="kvadrat">Шахматы</div>
</td>
</tr>
</table></span></div>
<div class="block6">
<span class="text_link"><a href="#"> Наука и здоровье</a></span>
<span class="text_style">
<div class="kvadrat">Технологии</div>
<div class="kvadrat">Наука</div>
<div class="kvadrat">Здоровье</div>
</span>
</div>

<div class="line"></div>

<div class="text_copyright">Copyright © 2008-2009, NewsCafe. Все права защищены.<br/>
Использование материалов NewsCafe.com.ua разрешается при условии ссылки (для интернет-изданий - гиперссылки) на NewsCafe.com.ua<br/>
Материалы, отмеченные знаком "Реклама" публикуются на правах рекламы. </div>



<div class="forma1">
<form name="form1" method="post" action="">
<label class="label1">
<input name="textfield" type="text" id="textfield" size="40">
</label>
<input class="submit" type="image" value="ok" src="img/knopka.gif" name="send"/>
</form>
</div>


</div>


<div class="line_niz"></div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 28.3.2009, 11:11; Ответить: klenovnn
Сообщение #2


Хм, п.....ц. Для того чтобы было нормальная верстка, надо делать постепенно и проверять сразу во всех браузерах (ie6,ie7,ff,chrome,opera) и тогда ты не допустишь ошибок.
С твоим кодом разбираться, дешевле будет получить изображение и сверстать самому.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
method_hb
method_hb
Topic Starter сообщение 29.3.2009, 1:51; Ответить: method_hb
Сообщение #3


ну все же может кто дась какие советы?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klim_webcoder
klim_webcoder
сообщение 29.3.2009, 17:23; Ответить: klim_webcoder
Сообщение #4


method, посмотри через firebug, постепенно включая стили, и найдешь bug или bugs :)
Кстати, значок копирайта пишется кодом, а не символом.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
method_hb
method_hb
Topic Starter сообщение 29.3.2009, 17:53; Ответить: method_hb
Сообщение #5


Как я посмотрю через firebug в Explorer. У меня в файрвоксе всен нормально работает
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klim_webcoder
klim_webcoder
сообщение 29.3.2009, 19:48; Ответить: klim_webcoder
Сообщение #6


Легко:
http://firebug.ru/lite.html

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 91388 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
26 zaiko 17104 30.1.2024, 18:10
автор: zaiko
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1318 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1490 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16395 19.5.2023, 22:01
автор: Brans


 



RSS Текстовая версия Сейчас: 19.3.2024, 6:25
Дизайн