Solved

CSS Responsive Height in Safari

Posted on 2015-01-19
3
78 Views
Last Modified: 2015-02-03
The div at the top of this page, Containing the image... Why does the Height of the div not behave responsive when I decrease or increase the size of my browser when using Safari?
http://offers.baycreative.com/responsive-contact

Any suggestions>

RE: Responsive Height
0
Comment
Question by:rgranlund
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 38

Expert Comment

by:Tom Beck
ID: 40558473
My observation: The div containing the image behaves the same in Firefox as it does in Safari. The text in the middle of the image is not centered in Safari however.

I generally do not cite validation errors when answering questions on EE, but this page has some doozies. This one is particularly troubling, block elements as children of inline elements. I suggest eliminating as many errors as you can and see if the trouble remains. Example:

ERROR: Element div not allowed as child of element span in this context.

See here:

http://validator.w3.org/check?uri=http%3A%2F%2Foffers.baycreative.com%2Fresponsive-contact&charset=%28detect+automatically%29&doctype=Inline&group=0
0
 
LVL 7

Author Comment

by:rgranlund
ID: 40558655
I figured out what the issue was.  Thanks for pointing my to the validator.

FYI the reason there are so many errors is cause the site is built in HubSpot and it creates a lot of errors.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 40560100
>>>the reason there are so many errors is cause the site is built in HubSpot

Anything that generates code with errors has the potential to break pages, harm SEO, and waste developer time.  Any such tool is less than worthless and using it is just going to increase development and maintenance costs.

Cd&
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

630 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question