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
CSS

Avatar of undefined
Last Comment
WO2015

8/22/2022 - Mon
skij

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

Open in new window

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
skij

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
WO2015

ASKER
That worked! Thank you!
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy