[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[no subject]



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 &lt;jimpop at yahoo.com&gt;:
Sat, 15 May 2004 03:02:44 -0400


&gt; Try wrapping it inside of a table/table combo.  The outer table should
&gt; be page width 100%, the inner table page with should be either about 10%
&gt; or 350.  Here's an (un-tested) example:
&gt; 
&gt; &lt;body&gt;
&gt; &lt;table width=&quot;100%&quot;&gt;
&gt; &lt;tr&gt;
&gt;   &lt;td&gt;
&gt;     &lt;table width=&quot;10%&quot;&gt;
&gt;     &lt;tr&gt;
&gt;        &lt;td&gt;
&gt;           Content, Content, Content
&gt;        &lt;/td&gt;
&gt;     &lt;/tr&gt;
&gt;     &lt;/table&gt;
&gt;   &lt;/td&gt;
&gt; &lt;/tr&gt;
&gt; &lt;/table&gt;
&gt; &lt;/body&gt;
&gt; 
&gt; 
&gt; -Jim P.
&gt; 
&gt; On Sat, 2004-05-15 at 01:07, Christopher Fowler wrote:
&gt; &gt; I'm having issues creating a CSS page that looks the same on IE as it
&gt; &gt; does in Epiphany.  The original page was a pure javascript navigation
&gt; &gt; paeg that was the left from of a frameset.  I'm replacing it because
&gt; &gt; it only worked in IE and Netscape.  In Netscape it look horrible.  In
&gt; &gt; Konq it was not even shown. 
&gt; &gt; 
&gt; &gt; I'm trying to replace it with an ordered list and I've got it looking
&gt; &gt; good in IE.  I need it packed to the left as tight as possible so it
&gt; &gt; will fit in the tight space.  In Epiphany it is not packed at all.  If
&gt; &gt; anyone knows how to make this page look the same in most borwsers I
&gt; &gt; would appreciate it.
&gt; &gt; 
&gt; &gt; Page is at: <a  rel="nofollow" href="http://www.linxdev.com/windex.html";>http://www.linxdev.com/windex.html</a>
&gt; &gt; 
&gt; &gt; Thanks,
&gt; &gt; Chris
&gt; &gt; 
&gt; &gt; 
&gt; &gt; _______________________________________________
&gt; &gt; Ale mailing list
&gt; &gt; Ale at ale.org
&gt; &gt; <a  rel="nofollow" href="http://www.ale.org/mailman/listinfo/ale";>http://www.ale.org/mailman/listinfo/ale</a>
&gt; 
&gt; _______________________________________________
&gt; Ale mailing list
&gt; Ale at ale.org
&gt; <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>