Im have ran into a wall, Im new to drupal, just upgraded to 4.7. I like the look of my site with firefox but it looks like crap in IE. My question is, how do i get the theme to look the same in every browser. I did some searching but I cant find anything to help me with this.

Here is my site: http://bikerpunks.com

Thanks!

Comments

sime’s picture

Hi bikerjake

You will not find extensive information on Drupal.org about this. Sure if you post a specific question about "xyz not showing in IE" then you may get an answer, but for general cross-browser html/css design techniques, you will do better looking at other sites.

For example, http://www.positioniseverything.net/explorer.html may help you identify the cause of differences in IE. Once you determine what you need to change then you would change your theme accordingly.

.s

bikerjake’s picture

Thanks I will try that link!

bikerjake’s picture

Can Someone take a look with IE and tell me what is happing.
http://bikerpunks.com/

sime’s picture

You are talking about the centering problem? I have to make that assumption.

If so, the inner DIVs are inheriting a text-align:center; style from an outer area, probably the body. So you need to over-ride that property explicitly.

bikerjake’s picture

How do I over-ride that property explicitly?

frostschutz’s picture

by setting text-align for the inner elements as well.

body { 
  text-align: center /* required for Internet Explorer */ 
}

div#page_or_whatever { 
  margin: 0 auto; /* centering for normal browsers :-) */
  width: 760px;
  text-align: left; /* to override Internet Explorer hack above */
}
bikerjake’s picture

I will try that

bikerjake’s picture

I having trouble making this work. Where do I put this code? And will this fix the block alignment to?

frostschutz’s picture

This was just an example of how to do it in CSS. You have the HTML body with a centered property which causes all contents of the web page to be centered (in Internet Explorer anyway). Into the body, you put a big div that contains everything else. This div will cause your page to be centered (because the body centers this div). But since the div also has the left-align property, the contents will not be centered anymore. You'll have to adapt this example / do something similar, according to the specific needs of your theme. There is no general copy&paste ready solution that will work for everything.

Alternatively, you can tell IE users to switch to Firefox (I believe there even is a Drupal module for that) or, if they insist, to give IE 7 Beta a try.