- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi guys. I am having an issue with the header of my website. It displays properly in the newest MSIE and FF but looks terrible in Safari on macs and the iPad. Any help would be greatly appreciated.
looks terrible
Bit vague there…would you care to be more specific?
I’m assuming this is Safari 6+ / Safari Mobile?
What about Chrome?
Sorry for the lack of details figured someone would just view source on it anyway. It looks fine in Chrome as well. Safari and Android’s native browser look scrunched and not 100% width. I have tried to toy with the width options and have it set to 100% currently but that doesn’t seem to do anything.
Aha…
.e-cstm-nav {
float: left;
width: calc(100% - 170px); /* not supported by Safari 5 and requires prefix in S6+ */
margin-left: 170px;
min-height: 85px;
overflow: hidden;
}
Hm, hadn’t noticed that.. thank you. I wonder what the work around is to get it to display correctly.
I kind of fixed it by adding in width:85% before the calculation. It’s not perfect but displays on iPads well which is most important. Thanks guys.