Forum Moderators: not2easy

Message Too Old, No Replies

CSS Issues in Safari Only

CSS Safari

         

feedyourself

7:31 pm on Dec 18, 2006 (gmt 0)

10+ Year Member



My site displays perfect in all browsers except for safari. For some reason Safari ads a few hundred pixels of extra space at the bottom of my page. I am reletively new to design and css but I think it has something to do with the code below in my CSS but I am not sure. Any ideas what would be causing this?

/*begin content items*/
#items
{
width: 410px;
float: left;
margin: 10px 0 10px 0;
padding: 0;
list-style: none;
line-height: 1.4em;
display: block;
}

#items li
{
display: block;
float: left;
width: 410px;
margin: 0 0 10px 0;
padding: 0;
}

#items a.text
{
display: block;
margin: 0 0 0 50px;
}

#items img.icon
{
float: left;
margin: 0 8px 0 0;
border: 1px solid #333333;
}

#items img.head { margin: 0 0 4px 0; }

itemstrong
{
display: block;
margin-bottom: 4px;
color: fff;
height: 10px;
}
/*end content items*/

[edited by: encyclo at 8:11 pm (utc) on Dec. 18, 2006]
[edit reason] no personal URLs please, see forum charter [/edit]

Robin_reala

11:34 pm on Dec 18, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld, feedyourself!

There’s nothing that obviously stands out there so we’re probably going to need to see some sample HTML as well.

Incidentally, you’re missing a # on your color:#fff in itemstrong. Have you run your CSS through the CSS Validator [jigsaw.w3.org]?

[edited by: Robin_reala at 11:34 pm (utc) on Dec. 18, 2006]