Проблема с версткой

volFernion · 31.05.2010, 07:24

http://reload-dv.ru/1/zzz.html

проблема в том, что при уменьшении окна браузера последняя кнопка верхнего меню сползает под остальные. Остальные стоят на месте. Что за ерунда

И еще на 1024 и 1280 все норм, а на 1680 моем, первая и 3й колонка внешней таблицы почему то становятся узкими и встают в край. у кого широкоформатник видно что получается.

код чисто каркаса:

Код 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
	margin:0px;
	height:100%
}

body {
	background:#f7a5a7;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#C36
}

#main_table {
	height:100%;
	max-width:1230px;
	background:#FFF
}


#central {
	height:124px;
	max-width:1230px;
	background-image: url(images/head.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f7a5a7;
}

</style>
</head>

<body>	
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="background:url(images/usor3.jpg) bottom right no-repeat">&nbsp;</td>
    <td>
        
    <table id="main_table" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>  
    <td colspan="3" id="central">
    </td>
  </tr>
</table>
    <td style="background:url(images/usor4.jpg) left bottom no-repeat">&nbsp;</td>
  </tr>
</table>

</body>
</html>

Делать каркас на дивах не буду, говорю сразу.

P.S. Столько раз уже переделывал, что вполне может быть совсем тупая ошибка, мозги квадратные уже

Niemans · 31.05.2010, 07:32

Цитата:

последняя кнопка верхнего меню сползает под остальные

min-width поставьте, как вариант.

Цитата:

на 1024 и 1280 все норм, а на 1680 моем, первая и 3й колонка внешней таблицы почему то становятся узкими

Не заметил.

Цитата:

Делать каркас на дивах не буду, говорю сразу

А это тут причем?

volFernion · 31.05.2010, 08:58

Потому что у меня знакомый сторонник верстки на div. Вместо помощи начал втирать делай блочную верстку

Добавлено через 1 минуту

Цитата:

Сообщение от Niemans

min-width поставьте, как вариант.

Не заметил.

А это тут причем?

У тебя широкоформатник? Там проблема в том что в первый и 3й столбце бэкграундом картинки внизу. Почему то центральная колонка с таблицей-контентом разъезжается шире таблицы-контента. Получаются нижние "узорчики" "разорваны"

Добавлено через 6 минут

Цитата:

Сообщение от Niemans

min-width поставьте, как вариант.

Не помогает

Niemans · 31.05.2010, 09:34

Цитата:

Не помогает

min-width:950px; смените на min-width: 980px;
У вас 6 кнопок по 111px того 666px + одна 289px = 955px + отступы между, соответственно последняя не влезает.

Цитата:

У тебя широкоформатник? Там проблема в том что в первый и 3й столбце бэкграундом картинки внизу. Почему то центральная колонка с таблицей-контентом разъезжается шире таблицы-контента. Получаются нижние "узорчики" "разорваны"

У меня ноут. Сделайте скрин как должно быть и как не должно, я просто ничего не вижу, даже при ресайзе.

volFernion · 31.05.2010, 10:52

сек

Добавлено через 6 минут

Скрин 1 - как должно быть. Рзавернуто на весь экран.
http://s58.radikal.ru/i161/1005/5d/6fe412fd60e9.jpg

Окно не на весь экран, последняя кнопка сползла под остальные. Нифига понять не могу почему только последняя, ладно б все одна за другой.
http://s50.radikal.ru/i128/1005/53/15457ae1d34b.jpg

при уменьшении окна должна быть как всегда горизонтальная прокрутка, но никак не такая ересь

Niemans · 31.05.2010, 11:54

Цитата:

Окно не на весь экран, последняя кнопка сползла под остальные. Нифига понять не могу почему только последняя, ладно б все одна за другой.

Ответ

Цитата:

min-width:950px; смените на min-width: 980px;
У вас 6 кнопок по 111px того 666px + одна 289px = 955px + отступы между, соответственно последняя не влезает.

volFernion · 31.05.2010, 12:25

Во. Говорю ж туплю

Такой вопрос. Кто что посоветует.
шрифты хотели в меню нестандартные и получилось что кнопки картинками. Шо делать?

Niemans · 31.05.2010, 12:39

Цитата:

Шо делать?

С чем?

vitaly-go · 31.05.2010, 12:48

Цитата:

Сообщение от volFernion

Во. Говорю ж туплю

Такой вопрос. Кто что посоветует.
шрифты хотели в меню нестандартные и получилось что кнопки картинками. Шо делать?

или шрифты стандартные или картинкам в меню титлы прописать
если я вас правильно понял

Niemans · 31.05.2010, 13:18

Ну если так, то картинки положить фоном, а в пунктах оставить название и прописать для него text-indent: 999px;

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Помогите с версткой	moby dik	HTML, CSS, JavaScript	3	16.06.2015 11:36
Геммор с версткой	volFernion	HTML, CSS, JavaScript	36	26.08.2010 10:07
Задачка с версткой	Distant	HTML, CSS, JavaScript	13	08.03.2010 10:27
Проблема с резиновой версткой	life24x7	HTML, CSS, JavaScript	19	04.11.2009 17:51
Проблемка с версткой	m_Stasuk	HTML, CSS, JavaScript	4	24.04.2006 11:36

31.05.2010, 10:52	#5
volFernion	сек Добавлено через 6 минут Скрин 1 - как должно быть. Рзавернуто на весь экран. http://s58.radikal.ru/i161/1005/5d/6fe412fd60e9.jpg Окно не на весь экран, последняя кнопка сползла под остальные. Нифига понять не могу почему только последняя, ладно б все одна за другой. http://s50.radikal.ru/i128/1005/53/15457ae1d34b.jpg при уменьшении окна должна быть как всегда горизонтальная прокрутка, но никак не такая ересь Последний раз редактировалось volFernion; 31.05.2010 в 10:52.. Причина: Добавлено сообщение

31.05.2010, 12:25	#7
volFernion	Во. Говорю ж туплю Такой вопрос. Кто что посоветует. шрифты хотели в меню нестандартные и получилось что кнопки картинками. Шо делать?

31.05.2010, 13:18	#10
Niemans	Ну если так, то картинки положить фоном, а в пунктах оставить название и прописать для него text-indent: 999px;

31.05.2010, 07:24
Ссылки