Jump to content
  • 0

Проблема Растягивания Div В Ie


mvitaly
 Share

Question

всех приветствую!

проблема такая:

имеем разметку - таблица с 2-я столбцами (ширина таблицы - по умолчанию, ширина 2-го столбца 400px). во второй колонке расположен div (ширина по умолчанию)

в ie контролы ввода растягивают 2-й столбец, но ширина в 400px применяется к div'у, отсюда глюк. см. ниже

ieProblem.png

а в ff все ок..

ffNormal.gif

Как исправить ситуацию в ie?

Плохо разбираюсь как влияет ширина при вложении div в таблицу и наоборот. Какой элемент какой растягивает... div колонку или колонка div.. Объясните плиз или ткните носом по ссылке:lol:

Спасибо

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Смутно понимаю о чем вы, объясните подробней.

ширина таблицы - по умолчанию

Какой у вас доктайп? Например при XHTML Strict ширина таблицы по умолчанию = 0.

div (ширина по умолчанию)

Шинина дива по умолчанию = 100%

Link to comment
Share on other sites

  • 0
Смутно понимаю о чем вы, объясните подробней.

Какой у вас доктайп? Например при XHTML Strict ширина таблицы по умолчанию = 0.

Шинина дива по умолчанию = 100%

у меня aspx страница, doctype не знаю где там посмотреть :lol:

ширина таблицы - 100%, для 1-ой колонки я ширину не указывал, для 2-ой 400px. Для div'ов тоже не указывал.

p.s. дать ссылку на страницу не могу, так как разрабатываю на локальной машине на базе MS Sharepoint внутри домена

Edited by mvitaly
Link to comment
Share on other sites

  • 0
Ну, судя по скрину, у вас задана большая ширина у <input> и <textarea>, и они походу растягивают <div>, а с ним и ячейку.

Да! Но смотрите.. скругленный div во второй колонке состоит из трех вложенных в него div'ов (скругленный заголовок, часть с элементами управления, нижний скругленный <div>), а контролы <input> и <textarea> растягивают только тот <div>, в котором они непосредственно находятся, то есть средний <div>. А верхний и нижний div'ы остаются с прежней шириной. В результате - глюк.

В мозилле же также растягиваются и заголовочный и нижний div'ы и все нормально..

Link to comment
Share on other sites

  • 0

Ну что ж... ИЕ - это не Мозилла, пора бы это понять.

Придется вам переделывать ваши скругленные блоки. Заглядывайте сюда и выбирайте подходящий способ.

Я бы попробовал вот такой способ (warning - еще не юзал в реальных проектах).

Link to comment
Share on other sites

  • 0
Ну что ж... ИЕ - это не Мозилла, пора бы это понять.

Придется вам переделывать ваши скругленные блоки. Заглядывайте сюда и выбирайте подходящий способ.

Я бы попробовал вот такой способ (warning - еще не юзал в реальных проектах).

Я с хабры и взял:lol:

а за ссылку спасибо:lol:

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