Eric Heitz wrote:
> I have a simple one-page site that looks great in Firefox but of course there
> is a few shifts in IE.
> With Safari my <ul> disappears, assuming this is because of my z-index.
>
> I need some help with the ul list and my main intro copy shift at the top.
>
> http://www.kucia.com/erh/SeniorSolutions
>
> Any help would be great.
>
>
> Thanks
> Eric
>
Mac Safari and Mac Opera have the same problem.
This one way to correct both: FF, IE/7, & IE/6 follow suit.
#header {
height:150px;/*delete*/
min-height:150px/*add*/;
}
* html #header {
height:150px;
}/*add for IE/6-- it does not support min-height*/
This in its entirety replaces what now have:
#mainlogo img {
width:202px;
height: 91px;
float:left;
margin:30px 0 0 30px;
}
This in its entirety replaces what now have:
#header ul {
display:table;
width: 566px;background: lime/*test color*/;
margin:0;
padding: 124px 0 10px 0;
text-align: right;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
The logo is floated left. The ul is assigned display: table; creating a
block (lime) that hang right of the logo. Text-align:right; shove the
list right; Padding-top adjusts the vertical position of the list within
the block. Validation of the markup is on you.
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
