Jump to content
  • 0

скроллинг кривой help...

mozg4d

Asked by mozg4d,

 Share

Question

mozg4d Explorer

mozg4d

Posted
Posted

http://mozg4d.com/idex.php

вот страничка. всё вроде не плохо, но при уменьшении её, скроллинг появляется не так как надо.

что делать????

позиционируется все элемены абсолютно. вот так:

style=position:absolute;left:50%;margin-left:-480;top:9

думал - "ладно, сайт доделаю и решу эту проблему" почти доделал а проблема - осталась...

(и как оно по дазайну и удобству?)

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
Searcher Explorer

Searcher

Posted
Posted

Мда... Это не скроллинг кривой, сударь. А что-то не так у вас с логикой. Кто ж все элементы позиционирует абсолютно, даже те, которые идут друг под другом и должны зависеть друг от друга?!

Увеличиваем в броузере размер шрифта одним нажатием кнопки и о ужас! Текст везде стал наползать друг на друга. Такой простой макет и такое извращение в коде...

Учитесь верстать:

blog.html.it/layoutgala

layouts.ironmyers.com

www.code-sucks.com...faux-css-layouts/

tjkdesign.com...

...и со скроллингом тогда проблем меньше будет

Link to comment
Share on other sites
  • 0
mozg4d Explorer

mozg4d

Posted
  • Author
Posted (edited)

да, я - извращенец :) и мне за это платят :)

похоже придется всё переделывать из-за какого-то скроллинга...

а изменение размера шрифта... ну и пусть. потенциальные пользователи этого сайта о такой возможности - не знают :))) (жаль, что не заблокировать...)

спасибо за ссылочки. очень поможет. )

Edited by mozg4d
Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

Вам платят за результат, а не за характеристики личности. Зачем с каждым элементом возится, прицеливаться с его положением, если можно задать нужные отступы и все, элемент сам становится как надо, куда надо и по размеру содержимого. И свойств меньше описывать и классов можно меньше задавать. Вобщем, меньше мороки и малейшее изменение текста или добавление еще пункта в меню не приведет к пересчитыванию и правке координат всех элементов.

И еще вы плохо думаете о посетителях этого сайта, это на первый взгляд кажется, что они мало чего умеют, но устав читать мелкий текст, найдут способ его увеличить, а тут такое западло... Да и шрифта verdana может не оказться у посетителя, броузер бодставит другой шрифт, а у него ширина символов другая и опять все поплывет.

И еще меня убил наповал код. Я такого вообще не ожидал увидеть... Не думал, что броузеры в состоянии исправить такие ошибки... В коде не то чтобы doctype не указан, там вообще нет тэгов <html>, <head>, <body>. Нет ни одного атрибута в кавычках даже style описаны без кавычек. Я в ауте! И, главное, броузеры напрягаются, конечно, но вроде умудряются понять, что от них хотели...

Это не скролл у вас кривой...

Link to comment
Share on other sites
  • 0
mozg4d Explorer

mozg4d

Posted
  • Author
Posted (edited)

:)

Если все борузеры понимают без кавычек, то надо писать без кавычек... пару байтов съэкономим...

не люблю когда что-то лишнее в коде. и грузится страничка у меня за 73ms.

А c абсолютным позиционированием я могу добавить картинку куда-угодно и не беспокоиться что все элементы надо будет после этого переставлять. это - очень удобно, когда хотят 10 вариантов дизайна...

Но по видимому придется делать так:

<div style=width:975;margin:auto;background:#EEE>

<img style=position:relative;left:50;top:40; width=188 height=75 src=bronka_2.gif>

<img style=position:relative;left:50;top:40; width=188 height=75 src=bronka_2.gif>

</div>

вот бы положение второй картинки не зависело бы от первой... но при этом скроллинг появлялся бы как надо и вела бы она себя правильно...

Edited by mozg4d
Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted (edited)
:)

Если все борузеры понимают без кавычек, то надо писать без кавычек... пару байтов съэкономим...

Пара потерянных байт - такая ничтожная цена за возможность валидировать документ, тем более, если заказчик знает URL валидатора. Интересно посмотреть, как множественные классы у элемента будете оформлять, кстати, без кавычек.

Edited by Justnewone
Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

Все говорит о том, что вы плохо знакомы с возможностями обычной блочной верстки с различными видами позиционирования. Как раз именно блочная верстка более гибкая и удобная для внесения изменений. Да и просто больше возможностей при использовании других видов позиционирования. И переверстать, используя все возможности CSS легче, чем непосредственно каждому элементу указывать его положение.

Есть стандарты, по которым броузеры практически однозначно интерпретируют код. В случае несоблюдения стандартов нет гарантии, что какой-то броузер покажет страницу, как надо. Значит, качество вашей работы ниже, поскольку вы не можете дать гарантии, значит и ценность и стоимость вашей работы невелика. Как аналогия: переходя дорогу на красный свет, риск, что собъет машина во много раз выше, чем при соблюдении правил.

Link to comment
Share on other sites
  • 0
mozg4d Explorer

mozg4d

Posted
  • Author
Posted (edited)

Как же через опу надо делать чтобы получить таки это желанное абсолютное позиционирование....

<style>body{font-size:11;font-family:verdana;line-height:14px;text-align:center} a{text-decoration:none;position:absolute;} a:hover{color:d66600} img{position:absolute} div{position:absolute;text-align:left} b{position:absolute}}</style>

<meta http-equiv="Content-Type" content="charset=windows-1251">

<div style=position:relative;width:975;margin:auto>

<a href=index.php><img style=left:7;top:0;border:0 width=188 height=75 src=bronka_2.gif></a>

<a style=position:absolute;top:29;left:568 href=index.php><img src=eng.jpg width=23 height=18 border=0></a>

<input style=position:absolute;top:28;left:600;border-color:7e9db9;border-width:1;border-style:solid;width:230;height:20>

</div>

Работает как надо. и скроллинг - правильный.

Edited by mozg4d
Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
Нет ни одного атрибута в кавычках даже style описаны без кавычек. Я в ауте!

Кавычки - не обязательное условие для HTML 4.01, если соблюден ряд правил :lol:

By default, SGML requires that all attribute values be delimited using either double quotation marks (ASCII decimal 34) or single quotation marks (ASCII decimal 39). Single quote marks can be included within the attribute value when the value is delimited by double quote marks, and vice versa. Authors may also use numeric character references to represent double quotes (") and single quotes ('). For double quotes authors can also use the character entity reference ".

In certain cases, authors may specify the value of an attribute without any quotation marks. The attribute value may only contain letters (a-z and A-Z), digits (0-9), hyphens (ASCII decimal 45), periods (ASCII decimal 46), underscores (ASCII decimal 95), and colons (ASCII decimal 58). We recommend using quotation marks even when it is possible to eliminate them.

http://www.w3.org/TR/html401/intro/sgmltut.html#h-3.2.2

Да, они полезны, полезны в первую очередь потому, что они делают более читабельный код.

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
Go to question listing
×
×
  • 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

  I accept