By tagsko on
Hi - I'm hoping someone can give me some tips re: styling for Internet Explorer
I've made a site for a charity www.thedarkesthorse.co.uk (I used Firefox all the way through dev) but discovered that Internet Explorer is as usual very buggy.
Anyone got any tips on what I need to do to fix the alignment in the header and footer?
My fix-ie.css code
/**
* Themetastic, for Drupal 5.0
* Stefan Nagtegaal, iStyledThis [dot] nl
* Steven Wittens, acko [dot] net
*
*/
body {
/* Center layout */
text-align: center;
/* Allow text resizing */
font-size: 80%;
}
#header-region, #wrapper #container {
/* Reset text alignment */
width: 800px;
margin: 0 auto;
text-align: left
}
#wrapper #container #center {
/* Reduce amount of damage done by extremely wide content */
overflow: hidden;
}
#wrapper #container #center .right-corner .left-corner {
/* Because of the lack of min-height, we use height as an alternative */
height: 400px;
}
fieldset {
/* Don't draw backgrounds on fieldsets in IE, as they look really bad. */
background: none;
}
ul.primary {
/* Fix missing top margin */
position: relative;
/* top: 0.5em; */
}
/* Prevent fieldsets from shifting when changing collapsed state. */
html.js fieldset.collapsible {
position: relative;
top: -1em;
}
html.js fieldset.collapsed {
top: 0;
margin-bottom: 1em;
}
td.menu-disabled {
/* Use filter to emulate CSS3 opacity */
filter: alpha(opacity=50);
}
#header-region {
/* Because of the lack of min-height, we use height as an alternative */
height: 1em;
}
#attach-hide label, #uploadprogress div.message {
/* Fading elements in IE causes the text to bleed unless they have a background. */
background-color: #ffffff;
}
I'm also using the
<!--[if IE 7]>
<style type="text/css" media="all">@import "<?php print base_path() . path_to_theme() ?>/fix-ie.css";</style>
<![endif]--> call in page.tpl.php
Any help would be greatly appreciated!!!!! :)
Thanks!
Comments
IE7
For what you have there now, there is no fixing css for ie required if you do everything in a right way.
Try this - create a single page wrapper that is centered and fixed width (you are currently seem to be centering the header separately.
BTW, that beautiful picture on the front page asks for some letters on it - the site name or slogan.
- Alexei Rayu.
Drupal Related Services | SiteHound 2.3 (based on Drupal 6.5) - Drupal for Beginners! Please test and comment.