|
Проблема с глобальными блоками
|
|
| [1] Fouzer [03.05.2010, 12:23] |
|
Сайт tdu2.do.am Решил я с другом сделать мего проект, да ток проблема возникла. Правые глобальные блоки уходит в бок (за браузер), их не видно, при различных разрешениях... не могу понять в чем дело. Скрипты дам + CSS . Скажи только конкретней что надо  |
|
| [2] likbezz [04.05.2010, 00:52] |
Fouzer, Quote (Fouzer) Скрипты дам + CSS . Скажи только конкретней что надо
.. ヅ ...
- «Все, что мне надо» - я уже взял ...
- Все, что мне надо - это адрес сайта .... ヅ ... Посмотри, ... Скриншот:
 Пример: ☑ пример ... Пришлось кое что переделать ... все надписи, что были картинками - переделал на текст .. шапку ну и по мелочи ...
Если подходит - пиши ... хотя, ссылка на CSS - в исходнике ... ... мои стили прокомментированы ... P.S. !!! И, когда я писал «И футер прижми к краям - не смотрится ... », я имел в виду только футер, а не весь контент ... так, как сделал ты - не смотрится ... ヅ ... P.P.S. ... И, это, пиши в одной теме ... ヅ Flesh
|
|
| [3] likbezz [04.05.2010, 03:43] |
|
... Глянул тут на оригинал .... (от 04.05.2010 3:33:50) ... изменился чуток ... поправил и я свою «твою» версию ... ヅ Смотрим ... Скрин:
 Код смотри в исходнике ... ☑ Прикрепления - (переделанная страница v#2) P.S. Если что-либо отсутствует - значит автор удалил картинку с сайта или я не залил её на свой ... ヅ
|
|
| [4] Fouzer [04.05.2010, 09:02] |
|
Спасибо большое =) не мог бы ты зайти на мой сайт tdu2.do.am и посмотреть сейчас есть ли какие баги или косяки. Заранее Спасибо =) |
|
| [5] likbezz [04.05.2010, 13:07] |
Fouzer, Quote (Fouzer) не мог бы ты зайти на мой сайт tdu2.do.am и посмотреть сейчас есть ли какие баги или косяки.
... Fouzer, на момент 04.05.2010 12:54:30 времени Московского ... у тебя всё те же «баги» и «косяки», что и были раньше, плюс коряво написан «мини-профиль» - ошибки HTML ... Во всяком случае на главной ... В посте #3, тот что выше, представлен твой шаблон, полностью, почти, не считая картинок, переписан, дан наглядный пример ... как твоя задумка «правильно» воплощается в «жись» ... переписан и прокоментирован CSS файл ... исправлены все баги, пример адекватно смотрится, то есть ваще одинаково, во большинстве браузеров, и в нормальных разрешениях (начиная от 1024px)? не в пример твоему варианту ... что ещё? Как во всех остальных - не знаю, а в: MSIE v7.0.5730.13, MSIE v8.0.~~, Opera v10.10, Apple Safari v4.0.3, Mozilla Firefox v3.5.5, Google Chrome v4.1.249~~ ... смотрится абсолютно одинаково .... (сам от себя такого не ожидал .... ヅ) Осталось лишь скриншоты, для наглядности, приложить ... (шутю ... - и так видно ... ) Flesh |
|
| [6] likbezz [04.05.2010, 13:18] |
Fouzer,
Что вот это такое? - объяснишь?
Code <!--/U1AHEADER1Z-->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><!-- <middle> -->
.... ヅ -это ты так «патипу отступ» делаешь???? - Да у тебя даже «line-height» - по умолчанию не прописан ... какой отступ может вообще в таком случае быть-то???
Во всех браузерах стили «по умолчанию» - разные, в том числе и «line-height», и «font-size», - нельзя делать отступы, тем более, более-менее точные, с помощью «br» .... или, если уж приспичело, помещать «эту муть» в контейнер, и прописывать ему все стили текста .... ... ヅ но это ... уже извращение ... Кстати, поправь вот это, во всех блоках:
Quote (Code) <table;="" border="0" cellpadding="0" cellspacing="0" width="304"> Flesh |
|
| [7] Fouzer [04.05.2010, 16:07] |
|
Спасибо большое =) |
|
| [8] Fouzer [05.05.2010, 15:36] |
|
Вот твою посмотрел, все пноравилось, только вот хотелось бы, чтобы Информер центральный был вот так:  Добавлено (05.05.2010, 14:06)
---------------------------------------------
не на всю длину....) Добавлено (05.05.2010, 15:36)
---------------------------------------------
P.S. Не хочет вставать по центру! Как сделать так чтобы встал по центру? <center> в HTML и center в CSS не помогает.....
Сообщение отредактировал Fouzer - Среда, 05.05.2010, 20:09 |
|
| [9] likbezz [05.05.2010, 21:08] |
Fouzer, Quote (Fouzer) P.S. Не хочет вставать по центру! Как сделать так чтобы встал по центру? <center> в HTML и center в CSS не помогает..... ... Родительский блок - «text-align: center;», а этому - «margin:0 auto;» ....
Если ничего не «намудрил» в CSS - встанет по центру ... Quote (Fouzer) и center в CSS не помогает
... «center в CSS» .... ヅ ... -это ты как??? ... ヅ Flesh |
|
| [10] likbezz [05.05.2010, 21:10] |
Fouzer, Quote (Fouzer) Вот твою посмотрел, все пноравилось, только вот хотелось бы, чтобы
Информер центральный был вот так: - не на всю длину....) - поставь фиксированный размер, убери «лишнее» в CSS и будет счастье вам ... ヅ Flesh |
|
| [11] Fouzer [05.05.2010, 21:15] |
likbezz,
Я знаешь как сделал этот блок. Создал информер, там редактировал
Далее вставил информер в страницу сайта над $CONTENT$ и все встало. Да вот как тут поделать?? Quote ... «center в CSS» .... ヅ ... -это ты как??? ... ヅ Ну типо position: center :DDD |
|
| [12] likbezz [06.05.2010, 05:21] |
Fouzer, Quote (Fouzer) Создал информер, там редактировал
Далее вставил информер в страницу сайта над $CONTENT$ и все встало. Да вот как тут поделать??
- Разницы большой, а точнее - никакой нет, как ты его вставлял - ререз информер, через глобальный блок, или через JS + document.write ... ヅ - так и так - применяются стили ... где ты их пропишешь разницы тоже никакой ... (почти) ... Quote (Fouzer) Ну типо position: center :DDD Quote (Position-Описание) Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице. Синтаксис
position: absolute | fixed | relative | static
Аргументы absolute
Указывает, что элемент абсолютно позиционирован. В этом случае он не существует в обычном потоке документа подобно другим элементам, которые отображаются на веб-странице словно абсолютно позиционированного объекта и нет. Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера. fixed
По своим свойствам это значение аналогично аргументу absolute, но в отличие от него привязывается к указанной параметрами left, top, right и bottom точке на экране и не меняет своего положения даже при пролистывании веб-страницы. relative
Положение элемента устанавливается относительно его исходного места. Добавление атрибутов left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения, в зависимости от применяемого параметра. static
Элементы отображаются как обычно. Использование параметров left, top, right и bottom не приводит к каким-либо результатам. Применяется только к позиционированным блокам.
К обычным, статик, «text-align:center;», «margin:0 auto;» ... или отрицательные поля, если дочерний элемент имеет фиксированную ширину.
Тогда его достаточно просто разместить в середине родительского блока следующим образом:
Quote (Code) <div> <!-- Это родительский блок произвольных размеров --> <div style=" width: 444px;position: relative;left: 50%;margin-left: -222px;"> <!-- А это дочерний блок, который мы выравниваем --> Содержание блока .... </div> </div> Обязательные параметры:
width: 444px; - ширина блока, который выравниваем;
position: relative; - позиционируем его;
left: 50%; - смещаем на половину влево;
margin-left: -222px; - делаем отрицательный отступ на половину ширины блока; (444px/2=222px) Но этот способ мне не нравится, так как неодходимо знать точную ширину дочернего блока. А это не всегда возможно. Flesh |
|
| [13] Fouzer [13.05.2010, 08:41] |
|
likbezz, Спасибо, буду пробовать Добавлено (13.05.2010, 08:41)
---------------------------------------------
likbezz, не помогает(((( не хочет вставать по центру.......(((( сайт www.high-life.3dn.ru в Html не помогает, а в CSS найти не могу (Callout block), т.е. вставляю, а толку нет.. |
|
| [14] likbezz [13.05.2010, 21:18] |
Fouzer,
Code <td style="padding: 0pt 10px;" valign="top"> [color=blue]<div align="center">[/color][color=red]<div id="callout_block">[/color] <div class="header_wrapper"> <img src="http://www.testdriveunlimited2.com/themes/tdu2/img/title_main_getinthegame.png" alt=""> </div> <div class="callout_ad"><a href="/about"><img src="http://tdu2.do.am/theme/calloutad_whatistdu2.png" border="0"></a></div> <div align="center"> = <div style="text-align:center;margin:0px auto;">
<div id="callout_block"> = <div id="callout_block" style="margin:0px auto;"> Нет в CSS - пропиши. Flesh |
|
| [15] Fouzer [13.05.2010, 21:24] |
Не получается  ну ладно не парься, и по левому краю красиво смотрится |
|
