Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
By bikerjake on
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
not specifically a drupal issue
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
Thanks I will try that link!
Thanks I will try that link!
Can Someone take a look with IE
Can Someone take a look with IE and tell me what is happing.
http://bikerpunks.com/
You are talking about the
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.
Yes sorry
How do I over-ride that property explicitly?
by setting text-align for
by setting text-align for the inner elements as well.
thanks
I will try that
I having trouble making this
I having trouble making this work. Where do I put this code? And will this fix the block alignment to?
This was just an example of
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.