Perfect absolute positioning in IE6
February 9th, 2008Ever try to absolute position a div in IE6 and have it not do anything your css is telling it to do? I found out why!
[`] Navigation, [s] Content, [=] Top of Page, [1] Home page, [3] Site map, [4] Search, [9] Quote Request, [0] Access key details
Login | Newsletter Signup | Sitemap | RSS
Developer Center
Ever try to absolute position a div in IE6 and have it not do anything your css is telling it to do? I found out why!
I ran into a strange bug today while implementing sIRF into Joomla!. Everything seems great until I log into the frontend. Then the titles show this:
Contact Us <!– function olMouseMove(e) { var e = e ? e : event; if (e.pageX) { o3_x = e.pageX; o3_y = e.pageY; } else if (e.clientX) { o3_x = eval(”e.clientX+o3_frame.” + docRoot + “.scrollLeft”); o3_y = eval(”e.clientY+o3_frame.” + docRoot + “.scrollTop”); } if (o3_allowmove == 1) {runHook(”placeLayer”,FREPLACE);if(olHideForm)hideSelectBox(); } if (hoveringSwitch && !olNs4 && runHook(”cursorOff”, FREPLACE)) { olHideDelay ? hideDelay(olHideDelay) : cClick(); hoveringSwitch = !hoveringSwitch; } } //–>
After many hours of frustration we finally came up with a fix!
How many times have you wished you could style things differently for members than the public on your Joomla! site? Well, we just had a project that it was mandatory, so we set out to come up with some code to allow us to style the CSS separately. This is how it’s done…
Today we realized that the De-Modular Business template doesn’t display entirely correct in IE7. One issue that boggled me for hours on end was when I had 3 columns with the middle column divided into 2 additional columns and they acted like the 3rd column didn’t exist (default install in the Blog section). I am willing to bet that we are not the only ones that has had this happen with a Joomla! template. So how can you fix it?
Read the rest of this entry »
With some of the recent projects we’ve been working on we have had to come up with a way to control css on a page by page basis. It would seem that the only way around this would be to create a new template for each of these pages, but we have come up with an invaluable piece of code that will change the way your do your css with Joomla! forever.
I personally don’t think there is anything more frustrating than spending hours troubleshooting something only to find that one line of code is all that is needed to fix it. This is the recap of my day today: I had a great tableless designed site that seemed to hold up against everything I threw at it. Then I had a page that had a table in it and all hell broke loose.
I am writing this for all those who constantly get paths wrong while creating templates (like myself)! Sure, you can get it right through trial and error, but when time is money it’s always good to have a resource you can visit to find the correct answer instantly. Keep reading to find out the correct paths to use in different parts of your templates and in other parts of your Joomla! site.
Not being able to use min-max in css layouts is a thorn in virtually every designer’s side. I have been testing different theories and complex codes for over 6 months now trying to get something that is both easy to use and is consistent across all modern browsers. About 3 months ago I ran across some information on IE’s conditional statements that made me think more about the possibility of roping in IE using them. After finally getting a min-width to work I knew a true min-max would be possible. After a few more weeks of testing, it finally worked and my world would never be the same again.
Did you know you can dynamically wrap modules in div tags within your Joomla! templates to make it tableless? For some this is old news, but for new users this could be a dream come true (I know it was for me when I first found out about them). With this knowledge, you can make your template validate XHTML and CSS, and almost WAI 1.0 Priority 1 in a default install of Joomla!