Jump to content
  • 0

Position и текст


ferz721
 Share

Question

14 answers to this question

Recommended Posts

  • 0

Чтобы положение элементов зависило друг от друга, используйте position: relative; - предпочтительный вариант

Или пишите для #content { top: высота header; } - непредпочтительный вариант

Edited by alexandr_v-vich
Link to comment
Share on other sites

  • 0

Чтобы положение элементов зависило друг от друга, используйте position: relative; - предпочтительный вариант

Или пишите для #content { top: высота header; } - непредпочтительный вариант

Для header я использую absolut чтобы убрать отступы по бокам, что можно сделать в этом случае если position установлен как relative?

Edited by ferz721
Link to comment
Share on other sites

  • 0

Ну как выше написал.. для #content { top: высота header; }. Только нужно знать высоту headear или высчитывать её в js

Для header я использую absolut чтобы убрать отступы по бокам

У вас header ещё в чём-то находится? Какие отступы?

Link to comment
Share on other sites

  • 0

У вас header ещё в чём-то находится? Какие отступы?

<header>

<a href="http://www.slavniy.org"><img src="header.png"></a>

</header>

Ну как выше написал.. для #content { top: высота header; }. Только нужно знать высоту headear или высчитывать её в js

В таком случае при изменении размера. content уезжает вниз, средствами css3 без js сделать можно?

Link to comment
Share on other sites

  • 0

У вас header ещё в чём-то находится? Какие отступы?

<header>

<a href="http://www.slavniy.org"><img src="header.png"></a>

</header>

Переформулирую вопрос - http://jsfiddle.net/KZFCA/9/

Ну как выше написал.. для #content { top: высота header; }. Только нужно знать высоту headear или высчитывать её в js

В таком случае при изменении размера. content уезжает вниз, средствами css3 без js сделать можно?

Что-то вы не договариваете по-моему)..

Link to comment
Share on other sites

  • 0

Переформулирую вопрос - http://jsfiddle.net/KZFCA/9/

честно говоря, я не понял что здесь изменилось?

Что-то вы не договариваете по-моему)..

например? Моя задача научиться делать резиновый сайт с двумя колонками и меню все на css3 и html5 без javacript.

хедер и подвал я уже сделал, теперь осталось только 3 последних.

Link to comment
Share on other sites

  • 0

Переформулирую вопрос - http://jsfiddle.net/KZFCA/9/

честно говоря, я не понял что здесь изменилось?

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

Link to comment
Share on other sites

  • 0

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

нет, у меня на apache не работает. картинка не резиновая, и отступы есть

Link to comment
Share on other sites

  • 0

Попробуйте в css

* {margin: 0; padding: 0;}

Если не сработает, я умываю руки.

Если сработает, проверьте кому это нужно. (последовательно переставьте этот стиль для html, для body, всех родителей, в общем)

Link to comment
Share on other sites

  • 0

Попробуйте в css

* {margin: 0; padding: 0;}

Если не сработает, я умываю руки.

Если сработает, проверьте кому это нужно. (последовательно переставьте этот стиль для html, для body, всех родителей, в общем)

рабатоет, +1. кому нужно, проверю чють позже.

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