Jump to content
  • 0

проблемы с видом через мобильный телефон

voskan

Asked by voskan,

 Share

Question

voskan Explorer

voskan

Posted
Posted

во всех браузерах через комп все отлично ;) а когда с мобильного заходишь все выводит в беспорядочном виде :)

http://vos161.narod.ru

я загрузил диз чтоб показать проблему поэтому нет там ссылок и вторых страниц. что можете посоветовть ? как можно решить эту проблему ???

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0
voskan Explorer

voskan

Posted
  • Author
Posted

cкрин с мобилы ??? у меня скрин не делает мобила , а с компа все ок. и как понять подключи стиль для мобилы ???(для этого придеться писать код чтоб определить с мобилы или нет а потом подключать стиль так ?? )

Link to comment
Share on other sites
  • 0
voskan Explorer

voskan

Posted
  • Author
Posted (edited)

поправил все ;) но одна проблема осталась. сайт состоит из 3 колонок на компе все ок а с мобилы теперь 3 колонка (правая) ниже левой а не после центральной. а после центральной остаеться место которая должна была занимать 3 колонка

Edited by voskan
Link to comment
Share on other sites
  • 0
voskan Explorer

voskan

Posted
  • Author
Posted

НЕ получилось :rolleyes:

вот весь код

body

{

color: #fff;

font-size: 14px;

font-family: "Bookman Old Style";

background-color:#1b1b1b;

margin: 0 auto;

max-width: 910px;

padding-top:10px; }

a {

color: #404040;

font-weight:bold;

text-decoration: none

}

a:hover {

color: red;

font-weight:bold;

}

.left

{

color:white;

background-color: #1b1b1b;

float: left;

width:180px;

margin-right: 0px;

overflow: hidden;}

.right

{

color:white;

background-color:#1b1b1b;

float: right;

width: 180px;

margin-left: 0px;

overflow: hidden;

}

.center

{

color:white;

background-color:black;

margin: 0 180px 0 180px;

overflow: hidden;

width:540px;}

#title

{

font-weight:bold;

color:orange;

background:url(title.png);

width: 180px;

height: 25px;

text-align:center;}

#title_niz

{

background:url(title_niz.png);

text-align:center;

width: 180px;

height:10px;

color:orange;

margin-bottom:10px;}

#title_conteiner

{

background:black;

background-image:url(stroka.gif);

background-repeat:repeat x;

text-align:left;

padding-left:15px;

}

#conteiner

{

background:url(conteiner.png);

background-color:#1b1b1b;

text-align:left;

color:orange;

height:25px;

padding-left:15px;

font-weight:bold;}

#conteiner_niz

{

background:url(conteiner_niz.png);

background-color:#1b1b1b;

text-align:left;

color:orange;

height:20px;

margin-bottom:10px;}

#footer

{

margin-top: 8px;

background:#404040;

clear:both;

color:orange;

text-align:center;

font-weight: bold;

width:910px;}

#conteiner_left

{

padding-left:15px;

text-align:justify;

padding-right:15px;}

.menu_title

{

padding-top:4px;}

.bar

{

color:orange;

background:black;

width:900px;

height:40px;

padding-top:5px;

padding-left:10px;

margin-bottom:5px;

}

#bar_conteiner

{

background:url(col.gif);

width:110px;

text-align:center;

height: 35px;

padding-top: 13px;

}

.bar ul {

margin: 0;

padding: 0;

list-style: none;

line-height: normal;

}

.bar li {

display: inline;

}

Link to comment
Share on other sites
  • 0
voskan Explorer

voskan

Posted
  • Author
Posted

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">

<head>

<meta name="keywords" content="voskan,Армения,Валюта Армении,Третий Мир"/>

<meta name="description" content="Armenia.Funy.Ru - Армения"/>

<link rel="stylesheet" href="style1.css" type="text/css" media="handheld,screen

">

<link rel="stylesheet" href="style.css" type="text/css" >

<title>Armenia.Funy.Ru Главная</title>

</head>

<body>

<!--****************bar******************-->

<div class="bar">

<ul>

<li class="active"><a href="#" accesskey="1" title="">Home</a></li>

<li><a href="#" accesskey="2" title="">About Us</a></li>

<li><a href="#" accesskey="3" title="">Products</a></li>

<li><a href="#" accesskey="4" title="">Services</a></li>

<li><a href="#" accesskey="5" title="">Contact Us</a></li>

</ul>

</div>

<!--****************left******************-->

<div class="left">

<div id="title">

<div class="menu_title">VOSKAN</div>

</div>

<div id="title_conteiner"><a href="#">Главная</a></div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_niz"></div>

<div id="title">

<div class="menu_title">VOSKAN</div>

</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_niz"></div>

<div id="title">

<div class="menu_title">VOSKAN</div>

</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_niz"></div>

</div>

<!--****************right******************-->

<div class="right">

<div id="title">

<div class="menu_title">VOSKAN</div>

</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_niz"></div>

<div id="title">

<div class="menu_title">VOSKAN</div>

</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_niz"></div>

<div id="title">

<div class="menu_title">VOSKAN</div>

</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_conteiner">ghhghgh</div>

<div id="title_niz"></div>

</div>

<!--****************center******************-->

<div class="center">

<div id="conteiner">

<div class="menu_title">VOSKAN</div>

</div>

<div id="conteiner_left">

<h1>Армяне и баски</h1>

В конце прошлого столетия английский ученый Эдвард Спенсер Доджсон совершенно случайно сделал очень интересное открытие. Будучи уже довольно известным баскологом, Доджсон решил, в целях расширения собственного кругозора, изучить армянский язык и поступил в парижский «Эколь спесиаль», в класс знаменитого филолога-ориенталиста Огюста Карьера. Результат был весьма неожиданным: после всего лишь двухмесячных курсов Доджсон заметил, что многие армянские слова практически идентичны баскским. Свои размышления об этих лексических совпадениях Доджсон опубликовал в 1884 году в журнале «Эускера» («Баскский язык») под интригующим заголовком «Баскские слова в армянском языке». Список замеченных Доджсоном параллелей включал в себя более пятидесяти слов.

Это было как гром среди ясного неба, в частности для тех ученых, которые уже долгое время находились под гипнозом баскско-грузинской гипотезы. Сам Доджсон не смог объяснить причину существования баскско-армянских соответствий и предположил, что данные слова могли попасть в армянский… из грузинского языка, несмотря на то что они не имеют параллелей в грузинском. Притом речь идет о весьма важном слое словарного запаса, традиционно считающемся исконным фондом каждого языка.

И самое любопытное в том, что обнаруженные баскско-армянские совпадения сохранились в обоих языках почти на уровне полного взаимопонимания, например: баскс. чар «плохой, злой» - арм. чар «плохой, злой», баскс. анти «оттуда» - арм. анти «оттуда», баскс. айс «ветер» -арм. айс «ветер», баскс. зати «отделять» - арм. зат

</div>

<div id="conteiner_niz"></div>

</div>

</div>

<!--****************footer******************-->

<div id="footer"><a href="http://vos161.narod.ru">VOS161.NAROD.RU</a> VOSKAN 2011</div>

</body>

</html>

опера 4.2 и опера 5

изображает 6 колонок с левой стороны а с правой не одной ,хотя должна по 3 с каждой стороны

спасибо что пытаешься помочь :rolleyes:

Link to comment
Share on other sites
  • 0
voskan Explorer

voskan

Posted
  • Author
Posted

сss полностью исправил а вот index выдает такие ошибки как будто у меня страница xhtml а не html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>

<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />

<meta name="keywords" content="voskan,Армения,Валюта Армении,Третий Мир" />

<meta name="description" content="Armenia.Funy.Ru - Армения" />

<link rel="stylesheet" href="style1.css" type="text/css" media="handheld,screen" />

<link rel="stylesheet" href="style.css" type="text/css" />

<title>Armenia.Funy.Ru Главная</title>

<style type="text/css">

/*<![CDATA[*/

#bn {display:block;}

#bt {display:block;}

/*]]>*/

</style>

<style type="text/css">

/*<![CDATA[*/

div.c1 {background:url(http://www.tns-counter.ru/V13a****yandex_ru/ru/CP1251/tmsec=narod_total/)}

/*]]>*/

</style>

</head>

<body>

<!--****************bar******************-->

<div class="bar">

<ul>

<li class="active"><a href="#" accesskey="1" title="">Home</a></li>

<li><a href="#" accesskey="2" title="">About Us</a></li>

<li><a href="#" accesskey="3" title="">Products</a></li>

<li><a href="#" accesskey="4" title="">Services</a></li>

<li><a href="#" accesskey="5" title="">Contact Us</a></li>

</ul>

</div>

<div class="left">

<div class="title menu_title">VOSKAN</div>

<div class="title_conteiner"><a href="#">Главная</a></div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_niz"></div>

<div class="title menu_title">VOSKAN</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_niz"></div>

<div class="title menu_title">VOSKAN</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_niz"></div>

</div>

<!--****************right******************-->

<div class="right">

<div class="title menu_title">VOSKAN</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_niz"></div>

<div class="title menu_title">VOSKAN</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_niz"></div>

<div class="title menu_title">VOSKAN</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_conteiner">ghhghgh</div>

<div class="title_niz"></div>

</div>

<!--****************center******************-->

<div class="center">

<div class="conteiner menu_title">VOSKAN</div>

<div class="conteiner_left">

<h1>Армяне и баски</h1>

В конце прошлого столетия английский ученый Эдвард Спенсер Доджсон совершенно случайно сделал очень интересное открытие. Будучи уже довольно известным баскологом, Доджсон решил, в целях расширения собственного кругозора, изучить армянский язык и поступил в парижский «Эколь спесиаль», в класс знаменитого филолога-ориенталиста Огюста Карьера. Результат был весьма неожиданным: после всего лишь двухмесячных курсов Доджсон заметил, что многие армянские слова практически идентичны баскским. Свои размышления об этих лексических совпадениях Доджсон опубликовал в 1884 году в журнале «Эускера» («Баскский язык») под интригующим заголовком «Баскские слова в армянском языке». Список замеченных Доджсоном параллелей включал в себя более пятидесяти слов. Это было как гром среди ясного неба, в частности для тех ученых, которые уже долгое время находились под гипнозом баскско-грузинской гипотезы. Сам Доджсон не смог объяснить причину существования баскско-армянских соответствий и предположил, что данные слова могли попасть в армянский… из грузинского языка, несмотря на то что они не имеют параллелей в грузинском. Притом речь идет о весьма важном слое словарного запаса, традиционно считающемся исконным фондом каждого языка. И самое любопытное в том, что обнаруженные баскско-армянские совпадения сохранились в обоих языках почти на уровне полного взаимопонимания, например: баскс. чар «плохой, злой» - арм. чар «плохой, злой», баскс. анти «оттуда» - арм. анти «оттуда», баскс. айс «ветер» -арм. айс «ветер», баскс. зати «отделять» - арм. зат</div>

<div class="conteiner_niz"></div>

</div>

<!--****************footer******************-->

<div id="footer"><a href="http://vos161.narod.ru">VOS161.NAROD.RU</a> VOSKAN 2011</div>

<div class="c1"></div>

<script language="JavaScript" src="http://yabs.yandex.ru/show/163" type="text/javascript">

</script><!-- mailto:spm111@yandex.ru -->

</body>

</html>

body

{

color: #fff;

font-size: 14px;

font-family: "Bookman Old Style";

background-color:#1b1b1b;

margin: 0 auto;

max-width: 910px;

padding-top:10px; }

a {

color: #606060;

font-weight:bold;

text-decoration: none

}

a:hover {

color: orange;

font-weight:bold;

}

.left

{

color:white;

background-color: #1b1b1b;

float: left;

width: 180px;

margin-right: 0px;}

.right

{

color:white;

background-color:#1b1b1b;

float: right;

width: 180px;

margin-left: 0px;}

.center

{

color:white;

background-color:black;

margin: 0 185px 0 185px;

height:100%;

width: 540px;}

.title

{

font-weight:bold;

color:orange;

background:url(title.png);

width: 180px;

height: 25px;

text-align:center;}

.title_niz

{

background:url(title_niz.png);

text-align:center;

width: 180px;

height:10px;

color:orange;

margin-bottom:10px;}

.title_conteiner

{

background:black;

background-image:url(stroka.gif);

background-repeat:repeat-x;

text-align:left;

padding-left:15px;

}

.conteiner

{

background:url(conteiner.png);

background-color:#1b1b1b;

text-align:left;

color:orange;

height:25px;

padding-left:15px;

font-weight:bold;}

.conteiner_niz

{

background:url(conteiner_niz.png);

background-color:#1b1b1b;

text-align:left;

color:orange;

height:20px;

margin-bottom: 0px;}

#footer

{

margin-top: 8px;

background:#404040;

clear:both;

color:orange;

text-align:center;

font-weight: bold;

width: 910px;}

.conteiner_left

{

padding-left:15px;

text-align:justify;

padding-right:15px;}

.menu_title

{

padding-top:4px;}

.bar

{

color:orange;

background:black;

width:900px;

height:40px;

padding-top:5px;

padding-left:10px;

margin-bottom:5px;

}

#bar_conteiner

{

background:url(col.gif);

width:110px;

text-align:center;

height: 35px;

padding-top: 13px;

}

.bar ul {

margin: 0;

padding: 0;

list-style: none;

line-height: normal;

}

.bar li {

display: inline;

}

вот правильные варианты

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept