Jump to content
  • 0

Много position: absolute - хорошо или плохо?


Rustick
 Share

Question

Скриншот: смотреть

Вопрос такой: Хорошо ли это, много раз использовать position: absolute;

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

Как считаете, то что я думаю, это хорошо или плохо?

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0
Вопрос такой: Хорошо ли это, много раз использовать position: absolute;

Вопрос некорректный. Всё зависит от ситуации, НО мне например никогда часто не приходилась юзать абсолют на одной странице.

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

  • Like 2
Link to comment
Share on other sites

  • 0

В твоём случае абсолют точно подойдёт для цветка справа, прям берёшь картинку, всю, с землёй и позиционируешь её куда нужно.

А не лучше ли картинку сделать фоном. Просто разрезать её на 2 части. Одна пойдет в шапку, 2-я вниз.

И для лого мне не понятно зачем абсолют использовать... :)

  • Like 1
Link to comment
Share on other sites

  • 0

В твоём случае абсолют точно подойдёт для цветка справа, прям берёшь картинку, всю, с землёй и позиционируешь её куда нужно.

А не лучше ли картинку сделать фоном. Просто разрезать её на 2 части. Одна пойдет в шапку, 2-я вниз.

Нет. Картинка должна быть одной целой, нераздельной. Чтобы в будущем её можно было легко убрать или перетащить в другое место.

Как бабочка в Раире :)

И для лого мне не понятно зачем абсолют использовать... :)

Не нужно, это я так, чтобы человек понял примерно.

Link to comment
Share on other sites

  • 0

Безфоновый png, сделать как указала sigma77 но только спрайтом. И картинка целая и перенести можно когда и куда угодно, норм?

Можно сделать <i> и на него фон повесить дерева.

Link to comment
Share on other sites

  • 0

Можно сделать <i> и на него фон повесить дерева.

Тут же шаблон очень простой. Зачем лишние контейнеры? Верхняя часть картинки как фон области с темным фоном, а нижнюю часть фоном .sidebar (ну или как там оно называть будет) + padding-top на высоту картинки. Если контейнер с фоном добавлять, тогда уж проще его спозиционировать.

Link to comment
Share on other sites

  • 0

Можно сделать <i> и на него фон повесить дерева.

Тут же шаблон очень простой. Зачем лишние контейнеры? Верхняя часть картинки как фон области с темным фоном, а нижнюю часть фоном .sidebar (ну или как там оно называть будет) + padding-top на высоту картинки. Если контейнер с фоном добавлять, тогда уж проще его спозиционировать.

Неважно какой шаблон, вёрстку нужно делать правильно в любом случае, при любых шаблонах. <i> ничего страшного не принесёт за собой. Это уже излишняя паранойя.

Link to comment
Share on other sites

  • 0

Неважно какой шаблон, вёрстку нужно делать правильно в любом случае, при любых шаблонах. <i> ничего страшного не принесёт за собой. Это уже излишняя паранойя.

Разумеется нужно, я ведь не утверждаю обратное. Просто, конкретно в этом случае, я бы сделал так, как отписал выше, ведь так проще. А ведь изветсно, что "чем проще тем лучше", "все гениальное просто" и тд. и тп. :)

Link to comment
Share on other sites

  • 0

Безфоновый png, сделать как указала sigma77 но только спрайтом. И картинка целая и перенести можно когда и куда угодно, норм?

Какой смысл добавлять еще один, лишний элемент в шапку, разрезая бедное деревце, если его в контенте можно сделать 1м элементом?

"разрезая бедное деревце" - я не имею ввиду что картинку нужно резать на 2 части.

Link to comment
Share on other sites

  • 0

Неважно какой шаблон, вёрстку нужно делать правильно в любом случае, при любых шаблонах. <i> ничего страшного не принесёт за собой. Это уже излишняя паранойя.

Разумеется нужно, я ведь не утверждаю обратное. Просто, конкретно в этом случае, я бы сделал так, как отписал выше, ведь так проще. А ведь изветсно, что "чем проще тем лучше", "все гениальное просто" и тд. и тп. :)

Нихрена простого я в этом не вижу. Завтра я тебе скажу, что деревце должно быть в футере и куда тогда денется твоя простота?

Безфоновый png, сделать как указала sigma77 но только спрайтом. И картинка целая и перенести можно когда и куда угодно, норм?

Какой смысл добавлять еще один, лишний элемент в шапку, разрезая бедное деревце, если его в контенте можно сделать 1м элементом?

"разрезая бедное деревце" - я не имею ввиду что картинку нужно резать на 2 части.

+1 косолапый

Link to comment
Share on other sites

  • 0

Какой смысл добавлять еще один, лишний элемент в шапку, разрезая бедное деревце, если его в контенте можно сделать 1м элементом?"разрезая бедное деревце" - я не имею ввиду что картинку нужно резать на 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

×
×
  • 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