[tophat]

I've tried multiple solutions to this, but none seem to work. The page looks fine in Mozilla Firefox, but when viewed in IE, the first line of the list tag is indented. If you have any solutions/suggestions, please tell me

http://tophatcomedy.com/6/new.html
http://tophatcomedy.com/6/default.css

[Shaffer]

I don't see the problem. What line has a problem?

Shaffer.

[tophat]

notice where the blue gradient (middle-right) area is, the first line is indented while the others are not (only in IE), while in mozilla it looks fine.

[Alan+61415484049]

I had a (very) quick look at the code.

It appears that you haven't suggested a style for the paragraph element <p>.

Try removing the <p> from inside the list element <li>.

Web browsers are intelligent software (exception - Microsoft Internet Explorer).

They've parsed your <li> and decided there must be a <ul> or an <ol> even though they haven't found one.

I think that IE has moved your top line to accommodate the default bullet that visual browsers render preceding each list item.

May I suggest the following?

1) Style the list with a <ul>, absent from your CSS.

2) Put each list-item within this list element.

3) Re-code the page so that the unordered list <ul> is not contained within a table.

4) Importantly, check your CSS!

You've styled <div.news> with list-style-type: none

In HTML 4.0, list-style-type is a property that only applies to
elements with the Display Value of list-item -<li>

Here's a suggestion for the style sheet:

Code:

     .news ul 
     {
align: center;
text-decoration: none;
list-style-type: none;
margin: 0px 0px;
padding: none;
     }

And here's a suggestion for the HTML:

Code:

<ul class="news">
<li>News News News</li>
<li>News News News</li>
<li>News News News</li>
   </ul>

*********
BTW

Using tables to layout a page isn't recommended - tables are used to hold tabular data, despite what the good folks at Dreamweaver say.

The problem with using tables for layout is that a browser must download ALL of the table before it can start rendering the page.

And of course your HTML won't be littered with <td>'s and <tr>'s, simplifying the editing of the document, which is another reason to use CSS!

*********

[Alan+61415484049]

Here's a further suggestion for the style sheet:

Code:

     .news ul 
     {
align: center;
text-decoration: none;
list-style-type: none;
margin: 0px 0px;
padding: none;
     }

And here's a suggestion for the HTML:

Code:

<ul class="news">
<li>News News News</li>
<li>News News News</li>
<li>News News News</li>
   </ul>

[Alan+61415484049]

OOps! I forgot to check my CSS, so here it is with the correct property name text-align and no text-decoration.

Code:

     .news ul 
     {
text-align: center;
list-style-type: none;
margin: 0px 0px;
padding: none;
     }

And here's a suggestion for the HTML:

Code:

<ul class="news">
<li>News News News</li>
<li>News News News</li>
<li>News News News</li>
   </ul>

[tophat]

Thank you, I appreciate your help.

The only thing is I don't think I'm going to re-do the design because of a first line indention. If I used ul or ol, it would indent everything, and that's worse than just one line. I honestly just prefer tables over div tags, simply because it's just the way I learned . I do think I'll take your idea of removing the <p> tag, as that may help.

I am also considering recommending all my visitors to use Firefox, basically because I'm sick of IE and Firefox differences, and prefer Firefox anyways.

Anyways, thanks again for your help.

[jfulton]

Originally Posted by tophat

If I used ul or ol, it would indent everything, and that's worse than just one line.

That's the whole point of stylesheets. You can control the indent! It's as simple as something like:

Code:

ul {
margin:0;
padding:0; /*maybe not needed? not sure offhand... */
}

Also, an <li> element is a list item. The <ol> and <ul> elements are ordered/unordered lists. It doesn't make much sense to have a list item that is not part of a list, right? If you're not making a list, then maybe you should just use <p> paragraphs?

Originally Posted by tophat

I am also considering recommending all my visitors to use Firefox, basically because I'm sick of IE and Firefox differences, and prefer Firefox anyways.

Wouldn't it be nice if everyone did that ? But keep in mind that if you don't support IE, you won't be supporting a LOT of people. If it's only a minor layout issue, to heck with it, but if prevents use of your site - it might be time to rethink the game plan.