Re: Css Ordered List problem FF and IE



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...@xxxxxxxxx> 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>

.



Relevant Pages

  • Re: Strange cell colours
    ... whether it is supposed to be HTML or XHTML. ... particular version of any particular browser would do with it. ... Which has no CSS, which is what you were complaining about. ...
    (microsoft.public.windows.inetexplorer.ie6.browser)
  • Re: Web User Controls And StyleSheets
    ... When I link to a css file anywhere within a web user control (ascx) it works. ... css styles are aplied to the html in the ascx. ... The link is not in the .aspx page's head tags! ...
    (microsoft.public.dotnet.framework.aspnet)
  • Re: drop down
    ... concept of style information that can be separated from the html. ... A quick addition of some css to your table starts to make it take ... First tidy up would be to put all the styles in the head of your ...
    (alt.html)
  • Re: I need a consensus (HTML - CSS)
    ... I have been scratching my head all evening while reading and ... (The CSS is copied here for your convenience. ... Why are the font values not reflected in the html ... It should be in a separate document? ...
    (comp.infosystems.www.authoring.html)
  • Re: htmlhelp not referencing stylesheets when called from VB6 applicat
    ... The easy way would be to link the CSS and javascript files into each html ... Also make sure each .html doc has the appropriate DocType ... We are having problems with our merged HTML Help system. ... the CSS and JavaScript ...
    (microsoft.public.vb.general.discussion)