Thursday, April 07, 2005

Small-Screen Rendering

Trying to get further on this Opera technology, conclusion is it is not as complex as you could think. Just using Css and Dom you might get a good approach valid for Mozilla browsers. Here is what you should include on your code to reescale html and objects to a normal 176 px width screen. Although, this is obviously quite simple, they have made sure to publish a improved product.


body { width: 176px ;border: thick solid red }

*:not(#ImPoSsIbLeId):not(#ImPoSsIbLeId):not(#ImPoSsIbLeId)
:not(body):not(img) {
/* the negated ID selectors above are here just
to increase specificity */ width: auto ! important ;}

*:not(#ImPoSsIbLeId):not(#ImPoSsIbLeId):not(#ImPoSsIbLeId)
{
/* the negated ID selectors above are here just
to increase specificity */
position: static;
float: none;
text-align: left;
padding: 0px;
margin: 0px;
top: auto;
left: auto;
}
table,tbody,thead,tfoot,tr,td,th,col,colgroup
{ display: block;}

iframe {display : none;}

li {list-style-position: inside;}

img[width="1"] {display: none}

0 Comments:

Post a Comment

<< Home