Site works before concrete in IE
Permalink
Hi all,
I am building a site in HTML using CSS.
When I build the HTML and open it in my IE everything works fine, then when I "concretize" the website it displays fine in all browsers except IE.
Is there something I could be missing in concrete to get the site to display properly with internet explorer?
Thank you :)
Adrian.
I am building a site in HTML using CSS.
When I build the HTML and open it in my IE everything works fine, then when I "concretize" the website it displays fine in all browsers except IE.
Is there something I could be missing in concrete to get the site to display properly with internet explorer?
Thank you :)
Adrian.
can you tell us what does not work in IE
Ooops, sorry.
The website ishttp://pingcentraloperations.com/dev/onwardsandupwards/...
In IE, the background is not fixed, and the actual website displays below the background image, left aligned.
If you can view the site above in chrome you will see how it is supposed to be displayed, then again in IE.
Thank you for looking at this post.
Adrian.
The website ishttp://pingcentraloperations.com/dev/onwardsandupwards/...
In IE, the background is not fixed, and the actual website displays below the background image, left aligned.
If you can view the site above in chrome you will see how it is supposed to be displayed, then again in IE.
Thank you for looking at this post.
Adrian.
Not sure why you have not displayed the background image using your body element in CSS and have created a separate div for it.
something like :
body {
background-image: url(/img/yourpic.jpg);
background-repeat: no-repeat;
background-position: center top;
}
something like :
body {
background-image: url(/img/yourpic.jpg);
background-repeat: no-repeat;
background-position: center top;
}
Its generally good c5 practice to put everything inside a div in the body, rather than directly in the body.
It avoids style clashes with c5 dashboard pages and allows the dashboard edit bar to work. So adding the background to a nested div is actually the best way to do it.
It avoids style clashes with c5 dashboard pages and allows the dashboard edit bar to work. So adding the background to a nested div is actually the best way to do it.
Hi John
Have always done it this way and not had a problem, not sure why would want to put a background pic in a separate div other than Body.
Have always done it this way and not had a problem, not sure why would want to put a background pic in a separate div other than Body.
Thank you for your responses.
I have made the changes you suggested, and it has changed the layout of IE, however it is still not quite right.
The main content is still left aligned and the background is not "strected" in IE, Chrome still works fine.
Thank you again!
I have made the changes you suggested, and it has changed the layout of IE, however it is still not quite right.
The main content is still left aligned and the background is not "strected" in IE, Chrome still works fine.
body { background: #FFF; color: #555; font-family: "Oxygen", Arial, Helvetica, sans-serif; font-size: 13px; padding: 30px 0; background-image: url(../images/bg_low.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; }
Thank you again!
I viewed your site in ie10 and chrome. They look identical. Perhaps it is your browser cache not refreshing. See attached.
You need to sort out the code in your head (webpage that is)
See attached
Typical head content for my sites:
See attached
Typical head content for my sites:
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?> <!doctype html> <html lang="<?php echo LANGUAGE?>" class="no-js"> <head> <meta name="viewport" content="width=device-width, maximum-scale=1.0"> <link rel="stylesheet" href="<?php echo $this->getStyleSheet('main.css')?>"> <link rel="stylesheet" href="<?php echo $this->getStyleSheet('typography.css')?>"> <?php Loader::element('header_required'); ?> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]--> </head>
