Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Кроссбраузерная верстка

Модерирует : Cheery

 Версия для печати • Подписаться • Добавить в закладки

Открыть новую тему     Написать ответ в эту тему

Misteri7

Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Есть сайт, но при открытии сайта в разных браузерах, возникают разные ошибки с дизайном.  
 
В браузере Internet Explorer все работает нормально  
В Mozilla Firefox проблема с фоном меню
В Opera 9.63  меню сайта падает на контент Ужасс  
В Opera 9.23 все работает идеально .  
В Google Chrome все работает нормально  
 
Кто знает как поправить css что бы была кроссбраузерная верстка ? Может, есть какая то программа?
Всего записей: 67 | Зарегистр. 22-07-2006 | Отправлено: 12:37 16-02-2009
Mamay



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
есть программа - называется моск верстальщика...

----------
Даже самый дурацкий замысел можно выполнить мастерски
Всего записей: 1352 | Зарегистр. 03-09-2002 | Отправлено: 12:53 16-02-2009
Misteri7

Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Ну это ясно , как вы проблемму решаете ? Может через хаки попробывать , проблемма только в Opera 9.63
Всего записей: 67 | Зарегистр. 22-07-2006 | Отправлено: 14:27 17-02-2009 | Исправлено: Misteri7, 14:28 17-02-2009
andead



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
как вы проблемму решаете

если бы вы привели код сайта с меню, были бы конкретные советы, а так, поиск телепатов можно продолжить здесь:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
http://vremenno.net/html-css/new-css-hacks
http://techmeat.net/2008/09/30/css-xaki-tryuki-i-zhestokie-obmany-validatora/
http://habrahabr.ru/blogs/css/43318/
http://www.nealgrosskopf.com/tech/thread.asp?pid=20
Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 14:49 17-02-2009 | Исправлено: andead, 14:51 17-02-2009
Misteri7

Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Вот код меню :
<div class="navcontainer">
        <ul>
          <li><a href="{$settings.site_url}">Главная</a></li>
          <li id="menu_playlist_btn"><a href="{$settings.site_url}videos/newest.html">Меню1</a></li>
          <li id="menu_video_btn"><a href="{$settings.site_url}videos/newest.html">Меню2</a></li>
          <li><a href="{$settings.site_url}members/newest.html">Меню3</a></li>
          {if $settings.allow_registration == 'Y' || $user_info.is_admin}
          <li><a href="{$settings.site_url}member/userplaylist.php">Меню4</a></li>
          <li><a href="{$settings.site_url}member/uservideo.php">Меню5</a></li>
          {/if}
        </ul>
      </div>
      <div class="subnavcontainer">
        <div class="navcontainer_pl" id="navcontainer_pl">
          <a href="{$settings.site_url}playlists/newest.html">СубМеню1</a> |
          <a href="{$settings.site_url}playlists/recently-updated.html">СубМеню2</a> |
          <a href="{$settings.site_url}playlists/most-popular.html">СубМеню3</a>
        </div>
        <div class="navcontainer_vid" id="navcontainer_vid">
          <a href="{$settings.site_url}videos/newest.html">СубМеню4</a> |
          <a href="{$settings.site_url}videos/recently-watched.html">СубМеню5</a> |
          <a href="{$settings.site_url}videos/most-popular.html">СубМеню6</a> |
          <a href="{$settings.site_url}videos/top-rated.html">СубМеню7</a>
        </div>
      </div>
    </div>
    <div class="tagline-bg">
    <div class="tagline">
    {if $template_name=='homepage.tpl'}
    <h1>Загаловок </h1>
    {else}
    <h1>{$page_title}</h1>
    {/if}
    </div>
 
Вот css :
.navcontainer
{
width:710px;
height:27px;
float:left;
margin-top:50px;
}
.navcontainer ul
{
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
}
.navcontainer ul li
{
display:block;
text-align:center;
float:left;
}
.subnavcontainer
{
float:left;
position:relative;
width:710px;
}
.navcontainer_pl
{
left: 22px;
}
.navcontainer_vid
{
left: 120px;
}
 
.tagline-bg
{
width:100%;
float:left;
background: url(../images/section-bg.jpg) left top repeat-x #FFFFFF;
height:71px;
text-align:left;
}
.tagline
{
width: 980px;
margin: 0px auto;
}
 
Проблемма в том что tagline-bg наезжает на верхнее меню , только в Opera 9.63 , кто знает как сделать ?
Всего записей: 67 | Зарегистр. 22-07-2006 | Отправлено: 07:52 19-02-2009
Misteri7

Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Хаки:
 
html:first-child div {
background: #000;
}
 
и
 
@media all and (min-width:0) {
div {
background: #000;
}}
 
не помогают , первый работает только с Opera 7-9.01 , второй Opera 9-9.6 .
А мне нужно что бы только с Opera 9.50 -  9.63 именно в этих версиях браузера проблемма с версткой .
 
Может лучше сделать что бы на сервере определялась версия браузера Opera и если версия равна 9.50 или больше , до 9.63 то подгружало другие css . В браузере Opera 10 все работает отлично . Где мне найти такой скрипт ?
 
Добавлено:
 
$agent = $_SERVER['HTTP_USER_AGENT'];
что дальше писать ?
Всего записей: 67 | Зарегистр. 22-07-2006 | Отправлено: 16:41 24-02-2009
Arch1S



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Misteri7
придётся делать css для всех браузеров, тоесть пользователь приходит, скрипт смотрит его версию браузера, а затем подключает нужный css для этого браузера
Всего записей: 93 | Зарегистр. 21-02-2009 | Отправлено: 20:34 24-02-2009
Misteri7

Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Ну только для Opera , c версиями от 9.5 до 9.63 Кто знает как этот скрипт написать ?  
 
Добавлено:
Будет подгружается к основному css , дополнительный css для opera , где все исправлено
Всего записей: 67 | Зарегистр. 22-07-2006 | Отправлено: 20:44 24-02-2009
DarkSmoke



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
РЕШЕНО
Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 13:41 02-01-2010 | Исправлено: DarkSmoke, 11:23 13-05-2010
DarkSmoke



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день.
Подскажите, есть
Код:
<input name="email" size="59" maxlength="50">
везде нормальный, а в опере длинный очень.  
Гугл молчит
Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 11:24 13-05-2010
pavluha



Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Используй css - width
Всего записей: 366 | Зарегистр. 01-04-2003 | Отправлено: 11:26 13-05-2010
DarkSmoke



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

Цитата:
Используй css - width

Использую. В результатие, везде все ок, кроме Оперы. В Опере длинее чем нужно на 2 сантиметра.

Код:
 
#contactForm {
width: 385px;
}
 
 
<form action="contact.php" method="post">
        <label>Ваш e-mail:</label><br>
        <input name="email" maxlength="50" id="contactForm"><br><br>
        <label>Ваше сообщение:</label><br>
        <textarea name="message" rows="10" cols="45"></textarea><br><br>
        <input type="submit" value="Отправить" name="send">
</form>
Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 10:40 14-06-2010 | Исправлено: DarkSmoke, 10:40 14-06-2010
bsv1361354

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Используй css - width
 
Использую. В результатие, везде все ок, кроме Оперы. В Опере длинее чем нужно на 2 сантиметра.  
 
Код:
 
#contactForm {  
width: 385px;  
}  
 
 
<form action="contact.php" method="post">  
        <label>Ваш e-mail:</label><br>  
        <input name="email" maxlength="50" id="contactForm"><br><br>  
        <label>Ваше сообщение:</label><br>  
        <textarea name="message" rows="10" cols="45"></textarea><br><br>  
        <input type="submit" value="Отправить" name="send">  
</form>

 
В <textarea> надо вставить style="width:385px". Тогда всё выровняется.
Всего записей: 1 | Зарегистр. 27-10-2011 | Отправлено: 20:52 27-10-2011
backdoor1313



Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Misteri7, с количеством созданных сайтов, т.е. с опытом у вас должен собраться опред. "суповой набор" CSS/PHP сниппетов, которые вы так или иначе используете в своей работе. Тогда не будет этих проблем с кроссбр. версткой.
Всего записей: 8 | Зарегистр. 07-08-2011 | Отправлено: 10:21 29-10-2011
Bloobs

BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Проблема знакома на некоторые подобные проблемы нашел ответы (спам)



Бан /Cheery/
Всего записей: 3 | Зарегистр. 06-11-2011 | Отправлено: 16:29 06-11-2011 | Исправлено: Cheery, 22:13 06-11-2011
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Кроссбраузерная верстка


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru