Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Problem with css

Posted on 2013-06-04
7
Medium Priority
?
343 Views
Last Modified: 2013-08-19
Hi i using hubspot cms to create a blog. I try to make mobile optimized blog. The problem i put code for changing header and it works in all browser except ie.

http://rafaelloandcompany.web13.hubspot.com/blog/

I try to call them they told me they do not have any block or something. I try many different way to fix it and still can not found any way to fix it.
0
Comment
Question by:umaxim
[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
  • 2
  • 2
7 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 1000 total points
ID: 39219889
Well there are some real problems here.  The HTML validator throws 83 errors. Most of them are just because a lot of the code is junk, but there are also some structural issues.  Even after you fix them there are still going to be problems with IE because of the doctype and other crude at the beginning of the page you need to replace:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head id="Head"><meta id="Ie8Emulate" http-equiv="X-UA-Compatible" content="IE=8">

  With:

<!doctype html>
<html  lang="en">
  <head>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" />

Even then do not expect to get consistent rendering across all mobile, because most of the mobile browser have quirks and non-standard implementations.

Cd&
0
 
LVL 54

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 1000 total points
ID: 39219890
Holy cow!  For what hubspot charges they should be holding your hand every step of the way.

There templates work like this http://hubspot-migrations.web6.hubspot.com/hubspot-templates/ and you can buy your own from their marketplace https://marketplace.hubspot.com/templates

They charge about $1,000 per month.  If you are just testing this out, before you put any time make sure you understand the costs.   From what I was told the end of last year when I tried it out (again), they are focusing more on adding tags to your own blog rather then using theirs.  

I would just get yourself a ready made template.
0
 
LVL 1

Author Comment

by:umaxim
ID: 39220118
I can not change code i can only change css.
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 1

Author Comment

by:umaxim
ID: 39220141
I know how to fix looking problem but the most biggest problem css
@media (max-width: 980px) { is not working in ie. So for media tag i need html5 ?
0
 
LVL 1

Author Comment

by:umaxim
ID: 39220144
If yes is it possible to change to html5 using jquery or javascript.
0
 
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39220249
I think that is something that sounds like it can be done but shouldn't...  http://techblog.willshouse.com/2012/01/30/jquery-change-doctype/
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39222963
Changing the doctype dynamically should do a very nice job of blowing up the page under some conditions.  If there are any validation problems based on the new doctype I expect the browser would choke.  The page would probably have to be valid for both the old and the new doctype otherwise the result would be really unpredictable.

I'm not even sure the browser would respond to the change because of the readonly property of doctype. Given the number of errors in the page I would expect it to result in either a meldown or it would just get ignored.

Cd&
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
Suggested Courses

636 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