Link to home
Start Free TrialLog in
Avatar of WO2015
WO2015

asked on

CSS cutting off on Safri but ok on the rest

Hello,

I have a website I am working on which can be seen on my test server. There are two pages that are not looking correct on Safari but its ok in Chrome, Mozilla, and I.E.  I have messed with many things on the #content section with the hight and overflow but nothing seems to work. Can someone please help me figure out how to let the "Our Services" page and the "Read More" under "Evangelos" page show the full page and not cut off on all browsers.  I have attached my CSS and index file.
Here is the test server site: http://doeringdesign.com/evangelos/#!/page_Evangelos
style.css
index.html
Avatar of skij
skij
Flag of Canada image

Try this:
#content ul> li > div.pad  {
height: 75%;
overflow: auto;
}

Open in new window

Avatar of WO2015
WO2015

ASKER

Thank you, that is a little closed. The issue now is on IE and Safari it moves the content around on some of the pages, the data on the right is not longer on the right, it goes under the data on the left.
ASKER CERTIFIED SOLUTION
Avatar of skij
skij
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of WO2015

ASKER

That worked! Thank you!