You are here: Re: Css Ordered List problem FF and IE « HTML « IT news, forums, messages
Re: Css Ordered List problem FF and IE

Posted by SigelsTankMage on 10/23/97 12:01

ok first of all stop using internal style sheets. cut and paste your
css into a separate text document and save it as style.css

now put this code inbetween the <head></head> tags like this:

<html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
</head>
</html>

now make a new text document called "ie6.css" or "ie7.css" and
copypasta all your css from your style.css document and make changes
accordingly for ie6 or 7 so that your page displays proper.

now put this in your header:

<html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css"
href="iespecific.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css"
href="iespecific.css" />
<![endif]-->
</head>
</html>



On Jan 28, 5:50 pm, Gan Forr <hopewont...@gmail.com> wrote:
> Hi...I've got this problem...I hope somebody will help me....
>
> I have this ordered list and I want every element of the list aligned
> to the left border of the containing div, just like the text above and
> below.
> In firefox works perfectly, but in IE every element of the list is
> slightly on the left of where I want it to be.
>
> Thank You
> Here's the code:
> ---------------------------------------------
> <html>
> <head>
> <style>
> div.normal
> {
>     position:absolute; left:10px;
>     border:1px solid #404040;
>     font-family:Verdana;
>     font-weight:bold;
>     font-size:10px;
>     padding: 4px;
>     text-align:left;
>
> }
>
> ol {
>   list-style-type:lower-alpha;
>   list-style-type:lower-alpha;
>   margin:0 0 0 1em;
>   padding:0 0 0 1em;}
>
> </style>
> </head>
> <body>
> <div class='normal'>
> <br />Allora, prima di tutto, vediamo cosa ci serve.
> <ol><br />
> <li>Un certo numero di quotidiani (la carta di quotidiano è la
> migliore per la cartapesta - se non li leggete, iniziate a farlo)</li>
> <li>Una bacinella</li>
> <li>Un paio di tonnellate di colla vinilica (:D)</li>
> <li>Filo di ferro (o qualcos'altro se vi vengono altre idee); quello
> che ho usato io è spesso circa 1,5mm</li>
> <li>Nastro adesivo di carta</li>
> </ol><br />Adesso vediamo i passi principali:</div>
> </body>
> </html>

 

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

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