[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[no subject]
- <!--x-content-type: text/plain -->
- <!--x-date: Sat May 15 07:51:26 2004 -->
- <!--x-from-r13: nyr ng nppvcvgre.bet (Quevfgbcure D. Qhemvb) -->
- <!--x-message-id: [email protected] -->
- <!--x-reference: [email protected] -->
- <!--x-reference: 1084604564.13604.97.camel@blue --> "http://www.w3.org/TR/html4/loose.dtd">
- <!--x-subject: [ale] CSS hell -->
- <li><em>date</em>: Sat May 15 07:51:26 2004</li>
- <li><em>from</em>: ale at accipiter.org (Christopher R. Curzio)</li>
- <li><em>in-reply-to</em>: <1084604564.13604.97.camel@blue></li>
- <li><em>references</em>: <<a href="msg00624.html">[email protected]</a>> <1084604564.13604.97.camel@blue></li>
- <li><em>subject</em>: [ale] CSS hell</li>
The right answer is to find out where the problem originates. In this
case, it is browser rendering behavior regarding lists. For my solution,
have a look at this implementation of your page, Christopher:
<a rel="nofollow" href="http://www.accipiter.org/~ccurzio/windex.html">http://www.accipiter.org/~ccurzio/windex.html</a>
My fix displays consistently across Internet Explorer, Mozilla/Firefox,
Opera, and Konqueror. Using tables for layout is a nasty hack and is never
a real solution.
For an explanation of the list issue (and how I fixed it) have a look at
this DevEdge article:
<a rel="nofollow" href="http://devedge.netscape.com/viewsource/2002/list-indent/">http://devedge.netscape.com/viewsource/2002/list-indent/</a>
--
Christopher R. Curzio | Quantum materiae materietur marmota monax
<a rel="nofollow" href="http://www.accipiter.org">http://www.accipiter.org</a> | si marmota monax materiam possit materiari?
:wq!
Thus Spake Jim Popovitch <jimpop at yahoo.com>:
Sat, 15 May 2004 03:02:44 -0400
> Try wrapping it inside of a table/table combo. The outer table should
> be page width 100%, the inner table page with should be either about 10%
> or 350. Here's an (un-tested) example:
>
> <body>
> <table width="100%">
> <tr>
> <td>
> <table width="10%">
> <tr>
> <td>
> Content, Content, Content
> </td>
> </tr>
> </table>
> </td>
> </tr>
> </table>
> </body>
>
>
> -Jim P.
>
> On Sat, 2004-05-15 at 01:07, Christopher Fowler wrote:
> > I'm having issues creating a CSS page that looks the same on IE as it
> > does in Epiphany. The original page was a pure javascript navigation
> > paeg that was the left from of a frameset. I'm replacing it because
> > it only worked in IE and Netscape. In Netscape it look horrible. In
> > Konq it was not even shown.
> >
> > I'm trying to replace it with an ordered list and I've got it looking
> > good in IE. I need it packed to the left as tight as possible so it
> > will fit in the tight space. In Epiphany it is not packed at all. If
> > anyone knows how to make this page look the same in most borwsers I
> > would appreciate it.
> >
> > Page is at: <a rel="nofollow" href="http://www.linxdev.com/windex.html">http://www.linxdev.com/windex.html</a>
> >
> > Thanks,
> > Chris
> >
> >
> > _______________________________________________
> > Ale mailing list
> > Ale at ale.org
> > <a rel="nofollow" href="http://www.ale.org/mailman/listinfo/ale">http://www.ale.org/mailman/listinfo/ale</a>
>
> _______________________________________________
> Ale mailing list
> Ale at ale.org
> <a rel="nofollow" href="http://www.ale.org/mailman/listinfo/ale">http://www.ale.org/mailman/listinfo/ale</a>
</pre>
<!--X-Body-of-Message-End-->
<!--X-MsgBody-End-->
<!--X-Follow-Ups-->
<hr>
<ul><li><strong>Follow-Ups</strong>:
<ul>
<li><strong><a name="00630" href="msg00630.html">[ale] CSS hell</a></strong>
<ul><li><em>From:</em> jimpop at yahoo.com (Jim Popovitch)</li></ul></li>
<li><strong><a name="00631" href="msg00631.html">[ale] CSS hell</a></strong>
<ul><li><em>From:</em> cfowler at outpostsentinel.com (Christopher Fowler)</li></ul></li>
</ul></li></ul>
<!--X-Follow-Ups-End-->
<!--X-References-->
<ul><li><strong>References</strong>:
<ul>
<li><strong><a name="00624" href="msg00624.html">[ale] CSS hell</a></strong>
<ul><li><em>From:</em> cfowler at outpostsentinel.com (Christopher Fowler)</li></ul></li>
<li><strong><a name="00625" href="msg00625.html">[ale] CSS hell</a></strong>
<ul><li><em>From:</em> jimpop at yahoo.com (Jim Popovitch)</li></ul></li>
</ul></li></ul>
<!--X-References-End-->
<!--X-BotPNI-->
<ul>
<li>Prev by Date:
<strong><a href="msg00625.html">[ale] CSS hell</a></strong>
</li>
<li>Next by Date:
<strong><a href="msg00627.html">[ale] CSS hell</a></strong>
</li>
<li>Previous by thread:
<strong><a href="msg00625.html">[ale] CSS hell</a></strong>
</li>
<li>Next by thread:
<strong><a href="msg00630.html">[ale] CSS hell</a></strong>
</li>
<li>Index(es):
<ul>
<li><a href="maillist.html#00626"><strong>Date</strong></a></li>
<li><a href="threads.html#00626"><strong>Thread</strong></a></li>
</ul>
</li>
</ul>
<!--X-BotPNI-End-->
<!--X-User-Footer-->
<!--X-User-Footer-End-->
</body>
</html>