Solved

CSS Responsive Height in Safari

Posted on 2015-01-19
3
60 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
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

920 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now