3 replies [Last post]
DHS
Offline
newbie
Last seen: 13 years 32 weeks ago
Joined: 2007-03-14
Posts: 2
Points: 0

http://www.mimistillman.org/dolcesuono

In Firefox, the bullets show up and everything is fine. In IE, the alignment is fine but the bullets have disappeared. What gives?

Here is the index.html BODY


Dolce Suono Chamber Music Concert Series


Concert Season    Musicians    Reviews    Photos



Dolce Suono "sweet sound" (Dante)



  • Chamber music concerts at the University of Pennsylvania and Philadelphia suburban venues

  • Talks by performers and guest composers, Meet the Artists in intimate chamber music venues

  • Dolce Suono educational outreach, partnership with Penn Alexander School

Dolce Suono Chamber Music Concert Series is a 501(c)(3) non-profit organization.



Here is the CSS

body
{
background-color:#EED8AE;
text-align:center;
}

div.contentdiv
{
width:660px;
border:0px;
margin-left:auto;
margin-right:auto;
}

div.maindivleft
{
width:274px;
height:515px;
text-align:center;
float:left;
}

div.maindivright
{
height:475px;
width:510px;
overflow:auto;
float:left;
color:white;
text-align:center;
}

p.pmainright
{
margin-left:50px;
margin-right:5px;
margin-top:0px;
text-align:center;
font-family:Times New Roman, Verdana;
font-size:12pt;
color:white;
}

p.reviewsp
{
margin-left:50px;
margin-right:20px;
margin-top:0px;
margin-bottom:0px;
text-align:center;
font-family:Times New Roman, Verdana;
font-size:12pt;
color:white;
}

p.biop
{
margin-left:50px;
margin-right:20px;
margin-top:0px;
margin-bottom:0px;
text-align:left;
font-family:Times New Roman, Verdana;
font-size:12pt;
color:white;
}

p.menup
{
font-size:18pt;
color:#CC1100;
font-family:Edwardian Script ITC, verdana;
font-weight:bold;
}

a.links
{
color:white;
text-decoration:underline;
}

a.links:hover
{
color:silver;
text-decoration:none;
}

ul.sweet
{
width:600px;
font-family:Perpetua, verdana;
color:navy;
font-size:14pt;
}

li.sweeter
{
text-align:left;
font-family:Perpetua, verdana;
color:#cc1100;
font-size:12pt;
}

h2.sweet
{
font-family:Perpetua, verdana;
color:navy;
font-size:14pt;
}

p.c3501
{
text-align:center;
color:navy;
font-size:10pt;
font-family:Perpetua, verdana;
}

any assistance is greatly appreciated!

DanA
DanA's picture
Offline
Elder
Last seen: 10 years 24 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Add

Add margin:0;padding-left:20px; in ul.sweet
(or margin:0;padding:0 0 0 20px;)

DHS
Offline
newbie
Last seen: 13 years 32 weeks ago
Joined: 2007-03-14
Posts: 2
Points: 0

Thank you very much! It was

Thank you very much! It was driving me crazy.

Can you provide the "theory" behind why I needed the padding-left:20px and margin:0?

DanA
DanA's picture
Offline
Elder
Last seen: 10 years 24 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Controlling margin/padding

Controlling margin/padding is a good idea as by default one browser uses margin-left for the bullet and the other one uses padding-left...