HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


IE Sucks

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#44217 (In Topic #9813)
Avatar

Community saint

Frigging IE is really pissing me off.  :@

How do we get by using "margins" in css with out it completely messing up the layout in IE? Is there an alternate method?

Very frustrating!

ocP Ver 4.1
Back to the top
 
Posted
Rating:
#44218
Avatar

Community saint

Here Here, I'll second that, seems like 50% of my site problems always comes back to an IE issue.

Rick Henson

OCP 4.3.2 & 5.0.1
PHP 5.2.5
MySQL 5.0.51a
FireFox 3.6.8
Back to the top
 
Posted
Rating:
#44220
Avatar

Community saint

Well, me not being a developer is most likely a large part of the problem  :lol:

Having said that FF and google everything looks like it should.

If everybody stoped using IE we would be golden lol


*sigh*

ocP Ver 4.1
Back to the top
 
Posted
Rating:
#44222
Avatar

Community saint

Yep I have the same issue in making skins. Slows me down by a lot.

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
Posted
Rating:
#44423
Avatar

Community saint

Agreed on all points! Nothing worse than spending time customizing something and having it look good in FF only to find it's totaled in IE.

Sledge, have you get some specific code you are working with and if so, can you post some snippets? I'll have some time over the next couple of days to play around.

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#44428
Avatar

Community saint

Thanks for the offer SD,

I've sorted most of the issues but 2 still plague me.


The standardbox_wrap_classic or standardbox_classic are displaying different.




And this is IE:




I think this stems from the element.style settings but for the life of me can not get them to match up.




The other issue that I am totally lost in is the left_panel and Right_panel widths.

Removing the settings in the admin >style > configuration > theme options > panel spacings removes the element.styles for both panels. Thinking I could simply fiddle with the css right and left_panel setting and I'd be golden. But its not working as intended. I'm trying to get the right_panel at 300px and the left at 200px. One of the problems I've run into is it completely messes up the middle panel near the footer.

I'm just going off memory here so I'm rambling heh anyhow if you have any clue how to get the spacing on the panels correct I'd love to hear how.

Or if Chris reads this a setting in theme options for left and right panel  ;)

ocP Ver 4.1
Back to the top
 
Posted
Rating:
#44434
Avatar

I'll field these…

1)

IE6, and IE7 don't really like our styling here. It works on IE8, and I decided it was a pretty minor thing so ignored it, but obviously it's an issue for you so that makes it important :).

What we're doing in the styling is centering the table but in such a way that we don't need to force what it's width will be. The width is computed optimally by the browser such that nothing has to unnecessarily wrap. That's done using by a combination of "text-align: center" and "inline-block". Normally you can only text-align text, but inline block changes that. IE is being buggy about it.

There's no real way around this, so I'm going to make a change where we do assume a width here. The styling is designed to be used another area of ocPortal where not assuming a width is important, but we'll diverge these two usages.

In global.css change:

Code

.site_special_message_inner, .site_special_message_alt_inner {
   display: inline-block;
}
to:

Code

.site_special_message_inner, .site_special_message_alt_inner {
   display: inline-block;
}

.closed_site_special_message {
   margin: 100px auto;
   width: 600px;
   text-align: center;
}
and use the attached template.
Attachment
» Download: CLOSED_SITE.tpl (536 Bytes, 161 downloads so far)


2)

Coming soon.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#44435
Avatar

Community saint

Chris Graham said


2)

Coming soon.

Yay! oh joy!

And thanks for the css bit Chris.

ocP Ver 4.1
Back to the top
 
Posted
Rating:
#44437
Avatar

Ok for 2 I'm going to help you out. It can be done in template editing but it involves a tonne of edits and I don't want to make you have to do that.

In sources/symbols.php change…

Code

         case 'PANEL_WIDTH':
            $value=get_option('panel_width',true);
            if (is_null($value)) $value='13.3em';
            break;
to:

Code

         case 'PANEL_WIDTH':
            global $TEMPCODE_SETGET;
            if (array_key_exists('PANEL_WIDTH',$TEMPCODE_SETGET))
            {
               $value=$TEMPCODE_SETGET['PANEL_WIDTH'];
            } else
            {
               $value=get_option('panel_width',true);
               if (is_null($value)) $value='13.3em';
            }
            break;

We'll put the symbols.php change into the next release.

In your HEADER.tpl template change:

Code

{$SET,panel_right,{$LOAD_PANEL,right}{$SET,interlock,_false}}
to:

Code

{$SET,PANEL_WIDTH,200px}{$SET,panel_right,{$LOAD_PANEL,right}{$SET,interlock,_false}}

(200px is just an example).

What I've done here is I've made '{$PANEL_WIDTH}' (used by all the side block templates) listen for a Tempcode variable you can set in the templates with the name 'PANEL_WIDTH'. If it exists that overrides the value of the config option. As you can set and change Tempcode variables within templates, you get full control of what the setting is in what areas.

You'll still need to fiddle with GLOBAL.tpl to get the actual panels themselves to have the right sizes but I think you're probably on top of that. If not let me know.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#44438
Avatar

Community saint

Awesome Chris,

Thank you, thank you and thank you  :lol:


Wish I had 1% of your speed & knowledge  :thumbs:

ocP Ver 4.1
Back to the top
 
Posted
Rating:
#44439
Avatar

Community saint

Sledge said

Wish I had 1% of your speed & knowledge  :thumbs:
Damn, me too!

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#44527

Non-joined user

Most visitors use IE, why build for FF?



Back to the top
 
Posted
Rating:
#44528
Avatar

One reason is that when IE8 comes out it'll break any pages that were made "just for IE" because Microsoft have now adopted better compliance to standards (like the other browsers). That's a pretty good endorsement of the philosophy that you should follow the standards and then it'll work on all browsers. For many years that has been almost the case for all browser's except Microsoft, and from IE8 it will be the case for all.

Another reason is that IE actually isn't dominant any more like it once was. For example, iPhones use Safari, and many other mobile's use Opera.

So it's not building for Firefox, it's building for standards - and those that have done it have stuff working almost automatically on these phones, Mac's, whatever the browser's power users use (and these power users are often the same people who have high levels of other kinds of engagement), IE8, and whatever else that might come out.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#44529
Avatar

This kind of 'toe by Microsoft' approaches riles me a bit. To me perhaps more important to the above is that there's a strong moral argument that one shouldn't tolerate and embrace bad practice (like Microsoft have shown) just to make short term personal gains. The web development community is pretty good at embracing common goals that in the end benefit everyone. Writing for standards for standards-sake has stopped Microsoft lock-in and thus allowed the kind of innovation browser's like Firefox and Safari have been able to bring. A lot of what we see on the web today wouldn't be possible if Microsoft hadn't been forced to keep their eye on the ball (tabs, transparency, RSS, …), and I think it's important that web developers don't just give in and centralise purely around them. United as one and all that.

Don't get me wrong, there are things that annoy me about other web browsers. I think Firefox's lack of a professionally reliable bug fixing environment is a bit of a disgrace, given the million's they make in ad-revenue from Google. I think Safari's lack of addon support makes it a bad choice of browser for power-users. I personally don't like Opera, I find it clunky. And, I question what Google is trying to pull with taking people off Firefox to work on Google Chrome. But I strongly feel it is better that we keep the web open and innovative, and hold everyone to account in a competitive environment, including Microsoft.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#44547
Avatar

Community saint

SoccerDad said

Sledge said

Wish I had 1% of your speed & knowledge  :thumbs:
Damn, me too!
Me 3.

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: