2013-12-04 3 views
0

не уверен, что вы можете мне помочь в этом, потому что HTML-код довольно запутанный, и я просто не могу понять это ... Я просто скопировал его прямо с сайта, над которым я работаю ... но я стараюсь, чтобы все было width = 210px, но, как вы можете видеть, есть некоторые элементы, которые простираются за пределы этого ...CSS Width не работает должным образом

Действительно, я выяснил, что все, что мне нужно/нужно сделать, это исправить линии, которые говорят HTMLText-V2[1] и MailForm-V2

Вот моя скрипкаhttp://jsfiddle.net/ney2V/

Любая помощь очень ценится. Благодаря!

+0

Столы? Шутки в сторону? Чувак, это 2013 год. Посмотрите модель коробки! – BenM

+0

Чувак серьезно, я не создал начальный сайт. Просто сказал, что я работаю над этим. – Adjit

+0

@BenM Тем не менее, мне любопытно узнать об этой коробке, о которой вы говорите, получила ссылку на что-нибудь на ней? но также ... не могу редактировать любой из html, я просто имею доступ к css. – Adjit

ответ

2

Некоторые из ваших элементов имеют некоторые изображения (а именно Verb_Seperator.gif), которые вызывают более широкую ширину, чем та, на которой установлена ​​ваша таблица, поэтому они выходят из ваших ячеек таблицы. CSS вам не поможет.

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

http://jsfiddle.net/nathanlong/9h5FR/1/

В основном то, что было:

<tr> 
    <td>content</td><td>content</td> 
</tr> 

Сейчас:

<tr> 
    <td>content</td> 
</tr> 
<tr> 
    <td>content</td> 
</tr> 

Кроме того, обратите внимание на Colspan собственности (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) для учета неиспользуемых столбцов, чтобы сделать все, хорошо сочетаются.

+0

Не совсем то, что я ищу, но это помогает. Спасибо за помощь! – Adjit

Смежные вопросы