IE Screwing w/My Styling Again
Posted: 21 July 2008 09:35 AM   [ Ignore ]  
Lab Assistant
RankRank
Total Posts:  116
Joined  01-05-2008

Hello,  Here is a link to my development server - everything appears fine when I open the site in Firefox, but when I open it in IE 6 & IE7 it appears to knock everything off to the left.

Anyone have any suggestions?  CSS is not my strong point

Profile
 
 
Posted: 21 July 2008 02:15 PM   [ Ignore ]   [ # 1 ]  
Summer Student
Total Posts:  1
Joined  06-27-2008

I just took a quick look at it and I’m answering off the top of my head, so no guarantees… *but* it is probably that IE is doubling your margin, which is something it does just for fun to aggravate designers. tongue laugh

Giving the items affected the attribute “display:inline” usually fixes it.

Here’s a few helpful links for future reference:
http://www.positioniseverything.net/explorer/doubled-margin.html
http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/
http://www.positioniseverything.net/

I hope this is helpful! grin Best of luck to you.

Profile
 
 
Posted: 21 July 2008 03:22 PM   [ Ignore ]   [ # 2 ]  
Lab Technician
RankRankRankRank
Total Posts:  1018
Joined  03-25-2005

Looks like your first two columns are too wide for the third/

In css put border:1px solid orange; on
right_ct_profile and left_content and you’ll see it.
I’d guess 40px less should do it.

 Signature 

BKDesign Solutions - Learn XHTML and use   Web Standards to build accessible websites that validate

Profile
 
 
Posted: 22 July 2008 03:53 AM   [ Ignore ]   [ # 3 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  881
Joined  02-15-2008

Your column widths look fine to me. You’re rendering ‘not logged in’ at the top of the page before your doctype declaration - try removing that.

 Signature 

Andy Harris | Pepper Digital | Malvern, UK | Twitter | New to ExpressionEngine? Start here!
Remember - If at first you don’t succeed, you’re not Chuck Norris

Profile
 
 
Posted: 22 July 2008 02:42 PM   [ Ignore ]   [ # 4 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  595
Joined  11-07-2004

Actually the best way to get around this and easiest way to fix MOST problems is to correct the html code in your page to be compliant with the W3 standards.

Currently it shows 50 errors, and i bet one of those would fix the problem. There are definitely issues with IE rendering compared to FF but there aren’t that many, and most times the problem is that ie tries to understand what you code is trying to do while FF adheres strictly to standards.


Check the page here:

http://validator.w3.org/

Can’t link directly to the completely check due to character issues with the forum restrictions here.

 Signature 

Member: ExpressionEngine Pro Network: ePlaces Network Services

ePlaces Network Services

Profile
 
 
Posted: 28 July 2008 09:18 AM   [ Ignore ]   [ # 5 ]  
Lab Assistant
RankRank
Total Posts:  116
Joined  01-05-2008

Hmm, will look into that.  It looks like my testing flag was creating most of the problems.  Thanks!

Profile
 
 
Posted: 28 July 2008 09:44 AM   [ Ignore ]   [ # 6 ]  
Lab Technician
Avatar
RankRankRankRank
Total Posts:  1055
Joined  06-05-2007

There are definitely issues with IE rendering compared to FF but there aren’t that many, and most times…

LOL!  Let’s clarify this…IE7 (not IE6, which has many).  wink

You’ll probably have to create a separate CSS document for IE6’s issues.

 Signature 

grantmx | designs - design | development | photography | consulting | ee pro profile

Profile
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 1149, on July 16, 2007 09:33 AM
Total Registered Members: 64935 Total Logged-in Users: 51
Total Topics: 81902 Total Anonymous Users: 27
Total Replies: 440278 Total Guests: 247
Total Posts: 522180    
Members ( View Memberlist )