Olldman

Olldman
Рейтинг
79
Регистрация
21.04.2010
Должность
freelance
Интересы
верстка html/css
... пишу шаблон на горизонтальной прокрутке

- каких только диких мыслей не услышишь.

ПС до лапочки есть у пользователя прокрутка или нет, они не открывают ваш сайт браузером. А вот ко всякого рода к хламу аля: <center>, <font>, cellspacing c cellpadding и другим "нерекомендуемым" элементам и атрибутам относятся отрицательно, потому как разгребать кучи этого де**ма куда тяжелее, чем грамотную семантическую разметку.

Что по теме - так все зависит от конкретного дизайна, ТЗ, ну и личного стада тараканов заказчика. Также многое зависит от верстальщика - старайтесь основной контент располагать как можно выше к началу документа, а всякого рода сайдбары можно опускать вниз (имеется ввиду по коду конечно, а не визуально). Минимальный размер по горизонтали на этот момент 1024, т.к. 800х600 это уже прошлый век, следовательно по горизонтали размер должен быть не более 1002 пикселя - иначе появится горизонтальная прокрутка. Хотя, если хотите, чтобы пользователи плевались и уходили, можете не брать во внимание.

Злюсь? Да бросьте, было бы из за чего, это же ваше гимно :)

mff:
Вот это гавно:

попробуйте заменить на этот код:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="" align="middle">

<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="cry.swf" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<embed src="cry.swf" menu="false" quality="high" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="100%" height="100%" name="" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Интересное вы даете определение. А чем отличается то, что давал я от вашего га...на? Ах, да, ваше выдает ко всему прочему еще и ошибки - вы на !DOCTYPE смотрите, прежде чем давать определения и советы?

/> - вот это точно гавно при указанном в документе !DOCTYPE. Где вы в нем углядели XHTML? Я уж не буду уговаривать на счет элемента embed ;)

Попробуйте поставить в object position:fixed; у меня нет 8-го осла, проверить не смогу.

Странно, у меня полос прокрутки нет. Хорошо, попробуйте валидный вариант, проверен на всех браузерах, что указал в прошлом посте

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="text">
Это текст над видео
</div>
<object type="application/x-shockwave-flash" data="http://nailya.ru/cry.swf">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="movie" value="http://nailya.ru/cry.swf">
<param name="wmode" value="transparent">
</object>
</body>
</html>

*{margin:0px;padding:0px;border:none;outline:none;}

html{height:100%;}
body{width:100%;height:100%;position:relative;font-family: Verdana, Arial;}
.text{left:300px;top:300px;width:700px;height:100px;position:absolute;font-size:50px;color:#ff0000;z-index:2;}
object{width:100%;height:100%;position:absolute;z-index:1;}

Какой Оперой вы смотрите? Я проверяю: Opera 10.63, 9.64, Google Chrome, Safari, Ишак №7, Firefox 3.6.10 - ни в одном нет прокрутки. .. иначе я не стал бы отписываться :)

Видите ли, в css прописываются пара - свойство:значение; - там нет знаков =.

Кстати, элемент embed давно отнесен в разряд нерекомендуемых к использованию, пользуйте object, если вам конечно валидность не чужда.

Не работает. Остаются полосы прокрутки во всех браузерах.

- да неужели?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="text">
Это текст над видео
</div>
<div class="vid">
<object>
<param name="movie" value="http://nailya.ru/cry.swf">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://nailya.ru/cry.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></embed>
</object>
</div>
</body>
</html>

*{margin:0px;padding:0px;border:none;outline:none;}
html{height:100%;}
body{width:100%;height:100%;position:relative;font-family: Verdana, Arial;}
.text{left:300px;top:300px;width:700px;height:100px;position:absolute;font-size:50px;color:#ff0000;z-index:2;}
.vid{width:100%;height:100%;position:fixed;z-index:1;}
object, embed{width:100%;height:100%;}

и уж простите меня грешного, но вот что это за пакость в стилях? - marginwidht="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"

Где вы это такое видели в css?

в Опере вертикальная полоска таки остается. Попозже может что-нибудь придумаю.

- придумывать собсно нечего, давно уже все придумано. Я ведь не зря говорил о "изначальном" обнулении:

 
*{margin:0;padding:0;border:none;outline:none;}
html{height:100%;}
body{width:100%;height:100%;position:relative;}

Обнулите изначально отступы, задайте высоту элементам html, body, ширину body

Всего: 514