Резиновый background - Страница 2

CAM · 31.01.2006, 14:49

картинка по центру.

и в чём идея?

KidsKilla · 31.01.2006, 15:21

дада, я знаю, что я гений, но у меня вроде как вышло
до сих пор сам не верил =)))

работает в:
FF 1.5
opera 8.5
IE 6.0
IE5.5
IE 5.01 -- не пашет.

Код:

<div style="width:100%;text-align:center; border:1px solid red;">
<span style="margin:auto; display:inline-block;">
<div style="background:green; padding:1em;display:table-cell;">
<div style="width:100px;height:100px; display:block;background:lightblue;  /* на самом деле этот див в роли картинки. */"></div>
</div>
</span>
</div>

или скриптами =)))

CAM · 31.01.2006, 17:06

когда img width:105px пашет
а так нет

sorry man

Код HTML:

<div style="width:100%;text-align:center; border:0 solid red;">
		<span style="margin:auto; display:inline-block;">
		<div style="background:url(image/freebgimg.gif); padding:.5em; display:table-cell;">
		<img src="image/film.gif" style="display:block; width:105px; height:150px; background:lightblue;"> 
		</div>
		</span>
	</div>

KidsKilla · 31.01.2006, 18:00

чевота ты попутал, бро.

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Untitled</title>
<style>
#wrapper{text-align:center;}
#aligner{margin:auto;display:inline-block;}
#pad{display:table-cell;}
#container{display:block;}
/**** VISUAL ***/
#wrapper{border:1px solid red;}
#aligner{}
#pad{background:green;padding:1em;}
#container{background:lightblue;text-align:left;}

</style>
</head>
<body>
<div id="wrapper"><span id="aligner"><div id="pad"><div id="container">

<div style="float:left;width:30px;height:30px;background:red;"></div>
Interpreter<br>
A minimal JavaScript interactive interpreter <br>
showing off some MochiKit.DOM functionality. <br>
Play with MochiKit right in your browser!
<br style="clear:both;">

</div></div></span></div>

</body>
</html>

CAM · 31.01.2006, 18:55

...#pad{background:url(image/freebgimg.gif);padding:1em;}...

...<div style="float:left;width:30px;height:30px;background:red;"><img src="image/vasya.gif">
</div>Interpreter<br>...

?? че-то попутал Ж) ??