Opera?.. @ DeForum.ru

Честно говоря, не ожидал такого.
Делал некие подобия веб-страниц уже давно и всегда гордо язвил на форумах, если сайт "оптимизирован для ИЕ" или типа того.

Сам всегда проверял в Mozille(а ранее -- в Нетскейпе), и в иехплорере. При этом полагая, что два этих браузера глючность сайта выявят вполне.
И тут совсем недавно в руки попала опера 7.23...
Боже мой...

То, что выглядело прекрасно в Мозилле и ИЕ, в Опере оказалось не просто кривым типа "появился скролл-бар-и-всё-уехало-вправо", а совершенно неперевариваемым.
Хотя, скроллбара нету.

Больше всего меня убило полное непонимание Оперой таких вещей как:
<body style="margin:0;">
<body style="margin:0px;">
в хтмл-файле
и даже
body{margin-top: 0px;margin-left:0px;margin-right:0px; margin-bottom:0px;margin-width: 0px;margin-height: 0px;}
в цсс...

Посему назрел потрясающий идиотизмом вопрос:
Как сделать, чтобы в Опере были нулевой отступ от краёв экрана?

у тебя наверно опера глючит.
а вообще легче всего просто в боди писать без цсс

Так уж сложилось, что цсс люблю и уважаю.
Не уверен, что для 20-30 страничного сайта проще писАть без цсс.

Как бы то ни было, кто-нибудь сталкивался с подобным?
Или это билд такой кривой?

Хмм...
Забавно, что padding:0px; margin: 0px; работает, а вот
margin: 0px; padding: 0px; -- нет...
Они что, сволочи, претендуют на "самый тупой бровайзер" что ли?
Нет-нет, я, конечно, тоже не очень люблю самоуправство ИЕ...
Но уж это всё-таки...

Тем не менее, спасибо большое.

Проверил. Работает независимо от порядка и в Opera6, и в Opera7.

?
Перепроверил ещё раз.
:fie:

Покажи точный текст своего контрольного примера.

хтмл-код.
так, где написано "текст #1, #2" я поудалял, чтоб места много не занимать, так что может глючно в бровайзере смотреться.

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.02 Transitional//EN">
<!-- This document was created at 10/18/03, 14:29:52 by Aditor -->
<html>
<head>
   <title>the city has fallen</title>
   <LINK REV="made" href="mailto:seventeen@nm.ru">
   <META NAME="author" content="seventeen">
   <META name="keywords" content="город the city">
   <META name="description" content="the city">
   <link rel="stylesheet" HREF="2.css" type="text/css">
</head>
<body>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr><td align="left" valign="top" width="1%"><img src="006.gif" border="0" height="365" width="605" title="westcity has fallen"></td><td width="1"></td><td width="1" bgcolor="#ffffff"></td><td width="2"></td><td valign="middle" align="right"><font class="vvb">T<br>H<br>E</font></td><td align="center" valign="middle"><font class="g">h<br>a<br>s<br><br>f<br>a<br>l<br>l<br>e<br>n</font></td><td valign="middle" align="left"><font class="vvb">C<br>I<br>T<br>Y</td></tr><tr><td height="1" colspan="7"></td></tr><tr><td colspan="7" height="1" bgcolor="#ffffff"></td></tr><tr><td colspan="7" height="1"></td></tr><tr><td align="left" valign="top" colspan="7"><table cellspacing="0" cellpadding="0"><tr><td width="3"></td><td align="left" valign="top"><font class="g">текст #1</font></td><td width="2"></td>
<td width="1"></td><td width="1" bgcolor="#ffffff"></td><td width="3"></td><td valign="top" width="428" align="left"><img src="016.gif" width="428" height="323" title="city center in daylight" border="0"><br><font class="g">текст#2</font></td></tr></table></td></tr><tr><td colspan="7" height="1"></td></tr><tr><td colspan="7" height="1" bgcolor="#ffffff"></td></tr><tr><td colspan="7" height="10" align="right"><font><a href="net.html">back to server</a></font></td></tr>
</tbody>
</table>
</body>
</html>

css:

Код:

body{margin:0px; padding:0px; background-color:#000000;}
/*TD{FONT-FAMILY: tahoma; FONT-SIZE: 12px; background-color:#000000;color:#CCCCCC;}*/
font{font-family: tahoma; font-size:12px; color:#cccccc;}
font.b{font-family: tahoma; font-size:14px; color:#000000; font-weight:bold;}
A.m:link{FONT-FAMILY: tahoma; COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND: none;  font-variant : normal;  font-weight : normal;  }
A.m:active{FONT-FAMILY: tahoma; COLOR:#cccccc; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND: #333333;  font-variant : normal; font-weight : normal; }
A.m:visited{FONT-FAMILY: tahoma; COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND: none;  font-variant : normal;  font-weight : normal;  }
A.m:hover{FONT-FAMILY:tahoma; COLOR:#cccccc; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND:#333333;  font-variant : normal; font-weight : normal; }
A.b:link{FONT-FAMILY: tahoma; COLOR: #000000; FONT-SIZE: 14px; TEXT-DECORATION: none; BACKGROUND: none;  font-variant : normal;  font-weight : bold;  }
A.b:active{FONT-FAMILY: tahoma; COLOR: #FFFFFF; FONT-SIZE: 14px; TEXT-DECORATION: none; BACKGROUND: none;  font-variant : normal;  font-weight : bold;  }
A.b:visited{FONT-FAMILY: tahoma; COLOR: #000000; FONT-SIZE: 14px; TEXT-DECORATION: none; BACKGROUND: none;  font-variant : normal;  font-weight : bold;  }
A.b:hover{FONT-FAMILY: tahoma; COLOR: #FFFFFF; FONT-SIZE: 14px; TEXT-DECORATION: none; BACKGROUND: none;  font-variant : normal;  font-weight : bold;  }
font.g{font-family: courier new; font-size:12px; color:#999999;}
font.vvb{font-family: tahoma; font-size:72px; color:#cccccc; font-weight:bold;}
A:link{FONT-FAMILY: tahoma; COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND: none;  font-variant : normal;  font-weight : normal;  }
A:active{FONT-FAMILY: tahoma; COLOR:#cccccc; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND: #333333;  font-variant : normal; font-weight : normal; }
A:visited{FONT-FAMILY: tahoma; COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND: none;  font-variant : normal;  font-weight : normal;  }
A:hover{FONT-FAMILY:tahoma; COLOR:#cccccc; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND:#333333;  font-variant : normal; font-weight : normal; }

seventeen писал(а):

так что может глючно в бровайзере смотреться.

В таком случае не вижу смысла этот код пробовать. Вот мой тест:

Код:

<body style="padding: 0px; margin: 0px;" bgcolor="green">
  <table cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="red">foobar</td></tr></table>
</body>

...и меняем местами...

Код:

<body style="margin: 0px; padding: 0px;" bgcolor="green">
  <table cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="red">foobar</td></tr></table>
</body>

Проверено и в шестой, и в седьмой (включая 7.23) операх.

Вот приведённый пример действительно работает и у меня.
Наверное, какие-то ещё глюки.
Буду смотреть.
Спасибо anyway *).

Crazy как всегда прав, хоть меня и не любит, зато я его люблю. Но в общем и целом я считаю, что все бруазеры не желающие соответствовать спецификации W3C следует скриптом посылать нах! А уж Оперу - проще простого, это можно сделать даже без JS, на чистом CSS. Ежели интересно - расскажу!

Рассказывай!
Я уже себе заказал футболку с неприличным рисунком, где Оперу...
Мда...

seventeen, не надо на Оперу наезжать, в том, что что-то не работает виновата не она, а типа-кодеры!!! :mad:

В ней что-то не работает потому что, как сказал Akela, то, как она интерпретирует код, не соответствует спецификациям.
А типа-кодеры, между прочим, с этими спецификациями под мышкой сидят и негодуют.

seventeen, настоящие HTML-кодеры потому и дефицитны, что они обязаны кодировать для браузеров, а не для стандартов. Я, к примеру, уже лет пять себя HTML-кодером не считаю.

Писать код под спецификацию, разумеется, проще. Но это то же самое, что ездить по улицам в строгом согласии с правилами дорожного движения без оглядок на чужие огрехи: как-бы правильно, но не жизнеспособно

Crazy, гы, вы мне льстите *).
Собственно, облом у меня случился только с одним сайтом, а все остальные поправились через CSS-файлы.

И всё-таки опера маст дай.

Опера руль! спец для кодеров универсальный стиль для всех браузеров (проверено в 7.23)

Код:

body {
   position: absolut;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   margin-bottom: 0;
   margin : 0 0 0 0;
}

в цсс лепишь и всё будет чики-пуки, проверь!..

Гм.
Собственно, чего так нервничать-то было?
Во всех браузерах работает и то, что предложил Crazy.

seventeen, так никто и не нервничает, особенно опера! :cool:

Ага.
Меланхолично выдаёт #@$ню...

seventeen, это бесконечный спор! А х***ю выдает и ослик и мозила... Забей ты, давай лучше пива попьем! :beer:

Какой-какой браузер не соответствует спецификации w3c?
А расскажите, как оперу на чистом CSS нах посылать.

rubiroid, по-моему, вы сошли с ума. В таком случае еще стоит дописать

Код:

<body style="margin-top:0; margin-bottom:0; margin-left:0 margin-right:0;padding:0" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

для надежности.

DeДверь
Логин:
Пароль:
	Автологин