Jump to content
  • 0

Проблемы с шириной сайта


xpanda
 Share

Question

Всем привет.
При вёрстке возникла проблема с шириной страницы, не нашел подобных тем.
1) Jsfiddle показывает что-то невнятное - http://jsfiddle.net/Y89jm/, но когда открываю свою страницу в браузере, то всё выглядит нормально.
2) Как решить проблему с видом страницы на экранах с разной шириной? Экран в 10" показывает половину страницы, ползунка нет.

Чую, что проблемы в position, если да, то как лучше реализовать этот макет, избежав position (или правильно его использовав)?

 

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

проблема в нехватке знаний , у вас разметка просто жесть , прочитайте для начала самоучитель htmlbook http://htmlbook.ru/samhtml .смысла сейчас вам писать готовое решение не вижу , лучше разберитесь и, что будет не ясно  - там мы уже поможем :)

Edited by Galaxy
Link to comment
Share on other sites

  • 0

Всем привет.

При вёрстке возникла проблема с шириной страницы, не нашел подобных тем.

1) Jsfiddle показывает что-то невнятное - http://jsfiddle.net/Y89jm/, но когда открываю свою страницу в браузере, то всё выглядит нормально.

2) Как решить проблему с видом страницы на экранах с разной шириной? Экран в 10" показывает половину страницы, ползунка нет.

Чую, что проблемы в position, если да, то как лучше реализовать этот макет, избежав position (или правильно его использовав)?

 

 

4 тега body в документе? как так если документ всего 1 и тело у него 1, у вас мутант какойто с 2 телами,

3 тега html вообще убило)))  я сверстал уже кучу шаблонов но еще ничерта не знаю, но даже когда только начинал так не делал_))

Link to comment
Share on other sites

  • 0

 

Всем привет.

При вёрстке возникла проблема с шириной страницы, не нашел подобных тем.

1) Jsfiddle показывает что-то невнятное - http://jsfiddle.net/Y89jm/, но когда открываю свою страницу в браузере, то всё выглядит нормально.

2) Как решить проблему с видом страницы на экранах с разной шириной? Экран в 10" показывает половину страницы, ползунка нет.

Чую, что проблемы в position, если да, то как лучше реализовать этот макет, избежав position (или правильно его использовав)?

 

 

4 тега body в документе? как так если документ всего 1 и тело у него 1, у вас мутант какойто с 2 телами,

3 тега html вообще убило)))  я сверстал уже кучу шаблонов но еще ничерта не знаю, но даже когда только начинал так не делал_))

 

Ахахаха! Извините все, в jsfiddle мой косяк, два раза скопировал код.

http://jsfiddle.net/Y89jm/2/ Вот.

5966100.png

Вот, что показывает Хром на 15" экране ноута. На 10 дюймах показывается лишь половина, ползунка горизонтального нет.

Edited by xpanda
Link to comment
Share on other sites

  • 0

Проблемы решил собственной головой. 

Теперь всё показывает нормально на разных дюймах.
http://jsfiddle.net/47jUd/ - поправил код. Превратил то, что считал шапкой, в контейнер. Убрал грёбанный position, добавил display.
Извините за столь глупые вопросы.


проблема в нехватке знаний , у вас разметка просто жесть , прочитайте для начала самоучитель htmlbook http://htmlbook.ru/samhtml .смысла сейчас вам писать готовое решение не вижу , лучше разберитесь и, что будет не ясно  - там мы уже поможем :)

Самоучитель читал, сижу, разбираюсь на практике.

Edited by xpanda
Link to comment
Share on other sites

  • 0

Очень хорошо , что вы смогли сами решить свою проблему, вообще ответ на 95% проблем находится на первой строчке гугла главное уметь правильно сформулировать свои мысли.Главное не спешите, для общего развития еще советую почитать Мейер  - Каскадные таблицы стилей.

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

×
×
  • 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