You are here: Re: CSS equivalent of single-cell table ? « HTML « IT news, forums, messages
Re: CSS equivalent of single-cell table ?

Posted by dorayme on 11/07/07 00:18

In article <Xns99E084A4BB118BootNic@216.168.3.70>,
BootNic <BootNic@bounce.earthlink.net> wrote:

> dorayme <doraymeRidThis@optusnet.com.au> wrote:
> news:doraymeRidThis-1ED213.15200405112007@news-vip.optusnet.com.au:
>
> > In article <61ada$472e9262$40cba7c6$20756@NAXS.COM>,
> > "Jonathan N. Little" <lws4art@centralva.net> wrote:
> >
> >> dorayme wrote:
> >>
> >> > I think OP was wanting shrink to fit too and you addressed this
> >> > in your first reply. Perhaps this might help OP in some way:
> >> >
> >> > http://tinyurl.com/32n6hm
> >> >
> >>
> >> Well it works in real web browsers, but not any version of IE, cannot
> >> speak for that odd Mac version.
> >
> > Yes, I hope the tables work ok in IE! The sub heading for the
> > non-tables solution says "variable browser support" which is a
> > polite way of saying forget about IE. The tables solution was
> > meant to show ok in IE. Perhaps someone could be bothered to do
> > it so IE gets the tables and the rest get the display: table
> > instructions. I would rather cut off one of my antennae.
>
> For inline content.
>
> Wrap the content of all the div.centring with an inline element.
>
> <div class="centring"><span>This is a centred shrink-to-fit div box.</span>
> </div>
>
> Then add a bit of css to correct the display for IE.
>
> <!--[if IE]>
> <style type="text/css">
> div.centring {
> /* reset for IE */
> display:block;
> padding:0;
> border: none;
> background-color: #f2f2f2;
> text-align:center;
> }
> div.centring span {
> display:inline-box;
> text-align:left;
> border: 1px solid #999;
> background: #c5ffc5;
> zoom:1;
> }
> </style>
> <![endif]-->
>
> I suppose that if one wants to support a mac IE then other corrections
> would be required.

I have made some adjustments and added a section and a new page
to try to incorporate this idea, but it needs more work. I had
various problems and have given up for a moment... See:

http://tinyurl.com/32n6hm

and the linked page. On my winbox in IE 6 the borders around the
spans do not appear properly, nor the background colour nor is
the text left-aligned - though the spans are nicely centered!
Perhaps I have not implemented the idea properly?

Damn IE!

--
dorayme

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация