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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Помогите с отображением в браузерах
ibragivom
ibragivom
Topic Starter сообщение 16.4.2011, 18:12; Ответить: ibragivom
Сообщение #1


Уже неделю бъюсь с разным(кривым) отображением страницы в разных браузерах
В мозиле и опере все хорошо, а в гугл хроме или же сафари, подобная муть:

Отображение в мозиле и опере:
[IMG]http://s011.radikal.ru/i318/1104/7c/aa45559d3f53t.jpg[/IMG]


Отображение в гугл хроме :hmhm:
[IMG]http://s006.radikal.ru/i214/1104/2c/962b5550c5e0t.jpg[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slavoz
Slavoz
сообщение 16.4.2011, 23:37; Ответить: Slavoz
Сообщение #2


1. где код? мы не на форуме экстрасенсов!
2. можно попробовать так:
[CSS]
#fotofooter1 {
position: absolute;
bottom: 0;
left: 0;
}
#fotofooter2 {
position: absolute;
bottom: 0;
right: 0;
}
[/CSS]
Не надо оверпостить!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
samedi
samedi
сообщение 16.4.2011, 23:38; Ответить: samedi
Сообщение #3


может стоит показать код?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ibragivom
ibragivom
Topic Starter сообщение 16.4.2011, 23:57; Ответить: ibragivom
Сообщение #4


HTML СТраница
[PHP]<meta http-equiv="Content-Type" content="text/html;" charset="windows-1251" />
<link rel="stylesheet" href="css/style2.css" type="text/css" media="screen"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/EpsilonCTT_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('span');
Cufon.replace('h1', {
textShadow: '0px 1px #ddd'
});
</script>

<style type="text/css">
h1{
font-size:60px;
margin:30px;
color:#333;
}
span.reference{
font-family:Arial;
position:fixed;
right:10px;
top:10px;
font-size:15px;
}
span.reference a{
color:#fff;
text-transform:uppercase;
text-decoration:none;
}
.effect {FILTER: alpha(opacity=70); -moz-opacity: .70; opacity: .70;}
</style>
</head>

<body style="padding:0">
<h1 align="center">Группа :)</h1>
<h1 align="center" class=effect onmouseover="this.className='effect1'" onmouseout="this.className='effect'" border=0><a href="http:///">Главная</a></h1>
<h1 align="center" class=effect onmouseover="this.className='effect1'" onmouseout="this.className='effect'" border=0><a href="http:///galereya.html">Галерея</a></h1>
<h1 align="center" class=effect onmouseover="this.className='effect1'" onmouseout="this.className='effect'" border=0><a href="http:///mail.html">Контакты</a></h1>
<h1 align="center" class=effect onmouseover="this.className='effect1'" onmouseout="this.className='effect'" border=0><a href="http:///info.html">Информация</a></h1>
<table width="274" height="499" border="0" style="float:right; margin-top:-165px">
<tr>
<td><img src="images/2.1.png" alt="" width="275" height="500" border="0" usemap="#VK"/></td>
</tr>
</table>
<map name="VK" id="VK">
<area shape="rect" coords="51,20,96,64" href="http://" target="_new" />
</map>


<table width="500" height="373" border="0" style="margin-top:-40px; float:left;">
<tr>
<td><img src="images/1.png" alt="" width="500" height="373" border="0"/></td>
</tr>
</table>

</body>
</html>[/PHP]

СSS
[CSS]@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
body{
background:#000 url(../bg.jpg) repeat center center;
font-family:"Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
font-size:12px;
color: #fff;
overflow:hidden;
}
body, html {
margin:0px;
padding:0px;
height: 100%;
}
A {
text-decoration: none;
color: #000;
}
A:focus {
outline: 0;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slavoz
Slavoz
сообщение 17.4.2011, 0:05; Ответить: Slavoz
Сообщение #5


то есть изображение внизу 1, а не 2?
тогда попробуй код:
[CSS]#footer {
position: absolute;
bottom:0;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ibragivom
ibragivom
Topic Starter сообщение 17.4.2011, 0:13; Ответить: ibragivom
Сообщение #6


Как видно на скрине, у меня 2 изображения, в таблицах, которые я вручную опустил в низ своего браузера, и по разным сторонам
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slavoz
Slavoz
сообщение 17.4.2011, 0:19; Ответить: Slavoz
Сообщение #7


ой, 1 таблицу не заметил. в общем попробуйте убрать фото из таблиц и про писать в css такой код:
[CSS]
#fotofooter1 {
position: absolute;
bottom: 0;
left: 0;
}
#fotofooter2 {
position: absolute;
bottom: 0;
right: 0;
}
[/CSS]
1 для 1 фото, 2 для 2 фото
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ibragivom
ibragivom
Topic Starter сообщение 17.4.2011, 0:28; Ответить: ibragivom
Сообщение #8


[PHP]<img src="images/2.1.png" alt="" width="275" height="500" border="0" style="position:absolute; bottom:0; right:0"/>
<img src="images/1.png" alt="" width="500" height="373" border="0" style="position:absolute; bottom:0; left:0"/>[/PHP]

Попробывал как вы сказали, теперь и в мозиле такойже пробел снизу как и в хроме =\
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ibragivom
ibragivom
Topic Starter сообщение 17.4.2011, 0:39; Ответить: ibragivom
Сообщение #9


Ха.. В хроме теперь все хорошо отображается, но теперь такой пробел появился в опере о_О
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slavoz
Slavoz
сообщение 17.4.2011, 0:41; Ответить: Slavoz
Сообщение #10


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 732 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1702 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2345 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12548 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3362 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 25.4.2024, 13:19
Дизайн