Только начинают верстать(WIP)

[tini.kRyptoNite]

Всем доброго времени суток.

Я начинаю только верстать и хотел бы слышать от вас подсказки и конструктивную критику. В этой теме буду выкладывать свои наработки и ждать ваших отзывов!

Вот первое что я сверстал _http://zalil.ru/upload/32134352

Хотел бы узнать вообще можно так верстать и может какие есть ошибки которые можно исправить. html, css код валидный.

Задумывалось(плавающий хедер резиновый, основная колонка фиксированной ширины в ней 2 колонки, футер прибит к низу резиновый).

Хотел бы узнать такую вот вещь. Когда мы браузер сворачиваем в окно и уменьшаем это окно до таких размеров пока не появиться горизонтальная полоса прокрутки то футер почему то не заполняет всю ширину и появляется с права пустое пространство, не знаете как это пофиксить?

Edited November 25, 2011 by tini.kRyptoNite

[tini.kRyptoNite]

Kosmos, не знаю никакой наверное Посмотрите пожалуйста исходник.

Тут и без исходника можно) по теории :

1.блок по-умолчанию растягивается по высоте контента и по ширине равен родительскому блоку

2.Если тест выходит за пределы блока значит блоку заданы размеры

3.На выход текста за пределы блока влияет свойство overflow

4.Если это таблица то почитай еще про тег col и свойство table-layout

5.Ну и пробелы между слов тоже важны)

Вроде других вариантов нет

Так и как мне бороться с проблемой ? Ширина блока див задана, а текст за неё выходит. Тоесть за ширину, в чем проблема?

Edited December 4, 2011 by tini.kRyptoNite

[Kosmos]

Без обид,но проблема тут - твоя лень прочитать теорию

[tini.kRyptoNite]

Без обид,но проблема тут - твоя лень прочитать теорию

Я теперь понял в чем проблема. Нужно строки в редакторе переносить. Хм... что-то месяц уже учусь и как-то не замечал что из за длины строк в редакторе зависит длина строк в браузере, может это я что-то наклацал в Notepad++ или это так должно быть?

[Kosmos]

Не в этом. у тебя одно слово которое "аааа...." без пробелов,и по ширине получается больше чем ширина блока. вот оно и выходит за границы блока, т.к. браузер перенести его не может. тут надо или пробелы или overflow или word-wrap

[tini.kRyptoNite]

Не в этом. у тебя одно слово которое "аааа...." без пробелов,и по ширине получается больше чем ширина блока. вот оно и выходит за границы блока, т.к. браузер перенести его не может. тут надо или пробелы или overflow или word-wrap

Во спасибо. Очень помогли. Еще один вопросец не подскажите как изменять позицию текста в элементе ли. Потому что задал list-style-image и получается что текст не по средине располагается картинки маркера, а ниже его. Не подскажите как это изменить и расположить текст по центру относительно маркера?

[tini.kRyptoNite]

Завершил верстку одного из макетов которые представлен на этом форуме, прошу критика вот сам макет

И как быть с списками в виде изображений, как текст отцентрировать относительно маркера(картинка) списка?

[Kosmos]

текст в li в тег загони,и уже этот тэг ровняй по вертикали vertical-align или margin

[tini.kRyptoNite]

текст в li в тег загони,и уже этот тэг ровняй по вертикали vertical-align или margin

Спасибо держите +1. Хм... как это я не додумался... тупой мозг не хочет думать вообще

Edited December 5, 2011 by tini.kRyptoNite