Jump to content
  • 0

Опять теже грабли с уголками


TonKhaO
 Share

Question

Страница

Вроде все делал по инструкции как на прошлом сайте, уголки сделал абсолютами с внешнимими нижними и верхними обертками

Почему то верхний правый див topRightCommBg не реагирует на margin-left: -20px; проблема в ИЕ 6 и ИЕ 7, с нижним правым дивом аналогично!

Ребят я опять что то забыл? -_-

baran.jpg

Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0
Если делал абсолютом, зачем margin's использовал? Работай top, bottom, left, right , а основному блоку задай display: inline-block + width: 100% и всё, должно сработать.

ну вы код видели? я пользуюсь top и left маргинами я возвращаю назад налево смещенный правый блок чтобы он не выходил за границы

насчет inline-block подумаю

Link to comment
Share on other sites

  • 0
Эта обёртка лишняя - <div class="commBlock_top"> и нижняя соответственно.

-_- а зачем говоришь маргины? Есть margin-top, а есть просто top. Я и не понял))

сори я не знал что это вызовет путаницу :(

Эта обёртка лишняя - <div class="commBlock_top"> и нижняя соответственно.

:) а зачем говоришь маргины? Есть margin-top, а есть просто top. Я и не понял))

почему лишняя, у меня ведь 3 блока:

1. верх (в нем уголки)

2. середина с текстом

3. низ (в нем уголки)

если я уберу верхний и нижние блоки у меня абсолюты тоже "полетять" :P

Link to comment
Share on other sites

  • 0
А нужен только середина с текстом, уголкам с абсолютным позиционированием не нужны два других блока, ты среднему задай position: relative

а как я по твеому без этих двух верхний и нижних блоков выравняю абсолюты по вертикали? -_-

Уолкер! Как думаешь откуда 3 пикся взялись? :(

Link to comment
Share on other sites

  • 0
Может пора уже тут посмотреть, раз исследования в тупик зашли?

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

Link to comment
Share on other sites

  • 0
спасибо за ссылку но я думаю что все таки разобраться с этой ситуацией, не хотелось бы менять способ углов, я думаю что способ с тремя блоками и абсолюты в верхних и нижних наиболее универсальный, нужно лишь понять почему такая фигня происходит

IE6 не даст жизни. Пока надо делать топорно - картинками-бекграундами в 4-х оборачивающих дивах, мегакроссбраузерно, все остальное - спорно.

Link to comment
Share on other sites

  • 0
можешь поподробней.что-то не понял

у тебя боюсь другая проблема, смотри у меня сайт на иврите и поэто му тама все справа налево, и когда я например делаю родительский блок и ставлю ему position: relative, далее в этом блоке еще один делаю и например ставлю внутреннему тоже position: relative но с указанием координат например top: 0px; left: 0px; то это блок будет как ожидается располагать не слева, а справа. а если внутренним делать position: absolute с такими же координатами то он все таки будет слева, вобчем конечно может голова кругом пойти но лучше самому попробовать, я именно предпочел в данном случает position: relative для внутренних блоков

Link to comment
Share on other sites

  • 0

ltr это вообще-то слева-на-право))

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

Edited by Yahoo!
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