Solved

CSS Responsive Height in Safari

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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

762 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

21 Experts available now in Live!

Get 1:1 Help Now