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

offlight · 07.10.2006, 03:15

Люди, здраствуйте!

такая фигня:

Код:

<!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">

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

У кого ещё вопросы? Давайте, спрашивайте всякую дурь

) кто-нибудь мне ОТВЕЧАТЬ будет?

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/
У мелкомягких особенно интересное описание. Интересно, им не стыдно, что они так программы пишут..

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/