stomme poes if you're around...i have another issue with another site hehe http://www.dialatech.net.au/ is the link firefox - works great yet again ie - the fxscrollbar (mootools) doesn't show up? i've used the CSS and HTML validator you gave me the links to last time can't fix the errors for some reason? the issue looks to be this - filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/wr_top_header.png',sizingMethod='scale'); } Code (markup): the css files are; http://www.dialatech.net.au/dialatech.css http://www.dialatech.net.au/ie6.css Thanks again in advance!
Um... Turn off Javascript and take a good look at your site. It's unnavigatable. Luckily it's cool in Lynx (the famous text-only browser, which you can get for Windows). The Filter thing is an IE-only thing, and will not validate. That doesn't mean you can't use it though. It will simply come up as an error on the validator. I couldn't find any scrollbar anythings here. I had to look in Opera to figure out what was going on because my old FF surfs with scripts off. What you want is to have those links have href's lead to the div's with the next sections-- so that without JS you can still click up the buttons like normal ones. each "page" should have one div around it (anyway) with an id with which the menu can reference. Mootools is a Joomla thing? I don't know anything about Joomla, sorry. Or Mootools. I also know next to nothing about Javascript, except that different browsers DO have issues with Javascript... maybe not quite as bad as with CSS but there are differences in browser behaviour with the same JS. The JS stuff you should bring to the JS forum. As a side-note, you're suffering from divosis, which is the more medically correct term for what everyone else calls "divitis". <body id="body_bg"> <div align="center"> <div id="wrapper"> <div id="inner"> <div id="top_header_wrap"> <div class="top_header"> <div id="logo_wrap"> <div id="logo"> Code (markup): This can usually be avoided, with maybe only a wrapper around the whole thing. Setting a specific height and width on the wrapper and overflow: hidden to hide the other "pages", and have the links at the bottom simply clickable... with Javascript on top to make a neater effect when someone has it. Javascript shouldn't run a site-- it should enhance an already working site. At least, I'm clicking with FF1.5 and going nowhere. As for the Alpha Image loader... are those PNGs with transparency? Cause I don't see any transparent effect. But I've heard on these forums problems with PNGfix and clicking menus. You should be able to have a menu without any special stuff sitting there... What I usually do is go ahead and use semi-transparent png's for all the smart browsers, and make another image for IE6 cause I don't want to mess with it. (ie6) #menu a { background-image: url(whatever.gif); } (normal browsers) body[id=body_bg] #menu a { background-image: url(whatever.png); } I noticed you had an id on the body-- this is called a CSS signature and you can use it for cool stuff like avoiding IE6's stupidity. I would not have wasted time with an IE7-only CSS sheet. It generally doesn't need it, except possibly with a CSS drop-down menu (I'm wrestling with haslayout freaking out my :hover and other psuedo-selectors). IE7 is generally compliant and usually behaves the same as Opera/Mozilla/Safari... each of those browsers have their quirks and IE7 has its, but not so bad that it needs a stylesheet. The hacks used to hide stuff from the other browsers in order to give special commands to IE6, such as * html {whatever} also hides it from IE7 : )
the guy i'm doing the mods for on the site wants this layout, he's keen on it, so i just have to work around it and make it work in ie thanks i'll take up your advice and see how i go.
You could keep the general idea though. It's kinda neat to have the page small, and little bits show up which are actually to the side. As far as the document itself is, it's the same as a normal one: <wrapper> <div> paragraphs and stuff </div> <div id="secondpage"> more stuff, but this page is surrounded by a div with an id </div> <div id="thirdpage"> more stuff, and an id for the third page </div> </wrapper> Then your menu would simply reference them. <a href = "secondpage"> here's a link on the bottom</a> Don't ditch the design... just try to remove all filters, scripts, blah blah and try to get a decent working model first... after that, you can get away with adding extra effects to enhance the experience of those with JS or Flash or whatever. But sorry I couldn't help figure out why the button didn't even show up, but I don't know mootools or any scripting stuff.
poes i feel like i've wasted your time...i went through the html and css thoroughly, i finally found the problem. on the "user5" area i forgot to close the "form" tag... it was set <form> instead of </form> now works perfectly! thanks onto another issue, optimizing a site to work in ie6/7. i've followed your previous input and got the site to look exactly the same in ie as in firefox, thanks! only one minor issue...the navigation menu. site: http://www.brandnews.com.au/beta4/ css: http://www.brandnews.com.au/beta4/brandnews.css ie css: http://www.brandnews.com.au/beta4/msie.css notice in ie how the navigation menu button areas are a larger height, therefore duplicating the background image a little, i've tried adding the css in msie.css for "menu ul li" and "active" and make their height smaller, but didn't work. also in ie the active background image ("home button") doesn't show? a little bit down and to the right there is a white area sticking out...can this be fixed? Thanks! other than that it runs perfectly in ie.
See, that's when I'd walk... Because that site is an excellent example of how NOT to design a website.
exactly! but..what's done is done, customers gets what the customer wants. all fixed now so he's happy. any ideas with the new ie issue?
Well, you make it extra difficult by having a seperate sheet for ie BUT... I think I've seen something like this before, when I tried to re-do Electriduct's site (which, arg! I never finished). I redid his menu at the top and in IE6 (and maybe 7 too I forget) there was also this gap at the bottom... and it stayed there even when I tried to force the menu down with top margin. So my guess is, with all those floats, IE is extending its #menu container to wrap the floats, which it's not supposed to but it does... and sometimes then the padding or whatever pushes stuff underneath it. For Electriduct's site, I fixed this with overflow: hidden on the #menu. You could try this. But the whole thing is really messy. I think deathshadow was commenting on the web geek guys page, not the executive media thing page.
yep i understood what site deathshadow was talking about so basically i just have to add... #menu { margin : 0; float : left; padding : 0 0 18px 20px; position : relative; width : 100%; height : 40px; overflow : hidden; } ..... added it... you're a ****** genious!!! fixed all the problems in 1 go thanks poes! sick of my ie problems yet? the only thing is that it shows a script error...."done, but with errors on page." on status bar not that it makes a difference design wise that's it for now! THANKS!
I've seen that in IE7 while trying to remove the Javascript from the Suckerfish menu. The error could be as simple as not finding anything on the page that relates to the script. The script itself may not have an error at all.