Форум Flasher.ru - css overflow в в div'е,который с картинкой,и всё это в таблице

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - css overflow в в div'е,который с картинкой,и всё это в таблице (http://www.flasher.ru/forum/showthread.php?t=86075)

offlight

07.10.2006 03:15

css overflow в в div'е,который с картинкой,и всё это в таблице

Люди, здраствуйте!:) такая фигня:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>бадяга</title>

</head>

<body>

<table width="100%" border="1" cellspacing="0" cellpadding="0">

  <tr>

    <td width="30%">

                <div style="width:30%; overflow:hidden"> 

                        <img src="hex0.jpg" "/> 

                </div>

        </td>

    <td ></td>

  </tr>

</table>



</body>

</html>

вопрос такой: тут hex0.jpg - большая картинка, которая левой колонке мешает быть на 30%. В диве есть overflow, он нахфиг режет часть картинки, но колонка всё равно остаётся в ширину jpeg'a. С пустым типа пространством внутри. Если два дива взять без таблиц, указать им ширину и оверфлоу, то они рядом без отступов на ширину картинок уместяца, как будто правда как надо обрезало. Чё за ерунда? Почему в таблице такая муть творится? как там можно картинку нормально процентами обрезать, если background не использовать?

KidsKilla

08.10.2006 15:19

<td width="30%">
<div style="width:30%; overflow:hidden">
==
<td style="width:30%; overflow:hidden">

вопрос не в тему -- зачем тебе доктайп, если вёрстка табличная???!!

offlight

08.10.2006 23:35

Цитата:

Гы=) ты уверен? ваще в первом варианте

Код:

<td width="30%">

<div style="width:30%; overflow:hidden">

див - 30% ОТ ШИРИНЫ ЯЧЕЙКИ. А в твоём - ячейка шириной 30%. Если не видишь разницы - ты спроси,я ещё раз объясню.
Доктайп зачем? в данном случае - я просто часть страницы вырезал, там не только таблицы. Но всё равно, почему бы ему здесь не быть? ты почитай, чё такое доктайп на www.w3c.org, потом приходи ещё!;)
У кого ещё вопросы? Давайте, спрашивайте всякую дурь:)) кто-нибудь мне ОТВЕЧАТЬ будет?

KidsKilla

09.10.2006 17:07

Цитата:

Сообщение от offlight

Гы=) ты уверен? ваще в первом варианте

Код:

<td width="30%">

<div style="width:30%; overflow:hidden">

1). + за неуважение к собеседнику.

2) при таком использовании таблиц я более чем уверен доктайп ни к чему.
сомневаюсь что можешь внятно ответить зачем он тебе.

3) теперь по-человечески объясни что есть и что надо. только следи за речью.

offlight

10.10.2006 00:46

твой ответ был бессмысленным, так что ты зря обижаешься. Тем не менее, не хотел тебя обидеть,не надо мне + за неуважение=)

доктайп влияет. смотри:
попробуй так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -

а потом так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

и зацени в FF или в опере, как картинка точно не прилегает в первом случае к краям таблицы, и прилегает во втором. кстати, кто знает, почему?

я всё уже объяснил, уже даже ответили. если непонятно, попробуй код забей и картинку большую возьми, доступнее по-другому не объяснить.

KidsKilla

10.10.2006 02:54

потому что доктайп включает разные режимы рендера. это в общем случае.

без доктайпа тебе будет лучше уж поверь. так включается совместимость со старыми браузерами.

ну раз объяснили, то пока.

offlight

11.10.2006 22:48

Не, необязательно это плохо, что включается режим совместимости. И не всегда со старыми браузерами. Без доктайпа щас лучше не делать, патамушта какой доктайп браузер сам выберет-даже браузер сам,по-моему, не знает. Вот чё нашёл, если кому интересно:
http://www.mozilla.org/docs/web-deve.../doctypes.html
http://msdn.microsoft.com/library/de...hancements.asp
http://www.opera.com/docs/specs/doctype/
У мелкомягких особенно интересное описание. Интересно, им не стыдно, что они так программы пишут..:away:

KidsKilla

12.10.2006 14:15

"И не всегда со старыми браузерами", "браузер сам выберет"
offlight, ты белены объелся? сам то понял что сказал?

KidsKilla

12.10.2006 14:18

http://www.artlebedev.ru/tools/techn.../html/doctype/
http://www.artlebedev.ru/tools/techn...html/doctype2/

http://www.webmascon.com/topics/coding/25a.asp но это как раз речь о "правильном" ксхтмл+ксс, что к вышеприведённому коду отнести можно с натяжкой.

на закуску (немного не по теме, но всё-таки...):
http://softwaremaniacs.org/blog/cate...xhtml-vs-html/

Часовой пояс GMT +4, время: 00:45.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.