Re: [WSG] Inheritance Problem?
Hi Roberto, in IE the contents in the sidebar on the main page, and the events page, float all the way out to the right. In Firefox it stays pretty much where it's supposed to. Lucian On 24 Jun 2005, at 7:10 PM, Roberto Gorjão wrote: Lucian, I see no difference between Firefox and IE, in windows. Only IE 5.0 display the "books" page with a big space between "Our Books" and the following tabs... Were you refering to this problem? Roberto Lucian Teo wrote: I worked on a site update (http://navmedia.com/) and it looks fine in Firefox but not in IE. I did not violate any box model discrepancies between the browsers. I can't seem to find what the cause of the problem is. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Inheritance Problem?
I worked on a site update (http://navmedia.com/) and it looks fine in Firefox but not in IE. I did not violate any box model discrepancies between the browsers. I can't seem to find what the cause of the problem is. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Definition lists for comments in blogs
-- I've been redesigning my blog recently and I noticed what in my opinion was a misuse of definition lists when it came to the comments section. Doug Bowman and Dan Cedarholme use At x:xxpm so-and-so said: blah blah blah The numbering of comments was done within Movabletype rather than an ordered list. For my own blog I came up with this solution. I don't claim it to be the best, but if there's better, do tell. At x:xxpm so-and-so said: blah blah blah However, to make the order number clickable for use as a permalink to the comment, I had to turn off the bulleting, then reinsert comment order via movabletype. Lucian http://tribolum.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Scalable Inman Flash Replacement Technique
Short Reading: Mike Davidson introduces sIFR. Typography on the web looks closer to being totally unleashed. http://www.mikeindustries.com/blog/archive/2004/08/sifr ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Bottom Margin on IE/Mac
I'm using Dan Cedarholm's faux column's technique, but I can't get the footer to sit at the bottom of the page, so the columns stick out a little when viewed on IE/Mac. The site address is http://navmedia.com/ . Any reasons for this? I've looked through the list of IE/Mac bugs but can't seem to find the appropriate one. Lucian tribolum.com * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] IE/Mac Floats right
Thanks Philippe and Nick. Your advice and resources were invaluable. Lucian On Jul 21, 2004, at 5:29 PM, Philippe Wittenbergh wrote: On Jul 21, 2004, at 5:00 pm, Lucian Teo wrote: Just when I thought everything was fine, my site (http://www.navmedia.com/books/) messes up in IE/Mac. I used Dan Cederholm's faux columns and created a main content and a right sidebar. It works fine (http://www.navmedia.com/) until I have images with float:left inside the main content area. When I do, the content area decides to move itself into the sidebar. The CSS file is at http://navmedia.com/css/screen.css You'll need to clear the #subnav, (in which case you should lose the width declaration on #content, IE mac doesn't like to be overconstrained by width. Or float (left) the #content. Philippe ---/--- Philippe Wittenbergh now live : <http://emps.l-c-n.com/> code | design | web projects : <http://www.l-c-n.com/> IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/> * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
[WSG] IE/Mac Floats right
Hi Folks, Just when I thought everything was fine, my site (http://www.navmedia.com/books/) messes up in IE/Mac. I used Dan Cederholm's faux columns and created a main content and a right sidebar. It works fine (http://www.navmedia.com/) until I have images with float:left inside the main content area. When I do, the content area decides to move itself into the sidebar. The CSS file is at http://navmedia.com/css/screen.css Works ok in Mozilla and IE/PC. What's wrong? Lucian tribolum.com * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] Have stared too long
Looks fine on Safari and Firefox. Things are a little out of alignment in Opera 6.03 / Mac. Don't really see the problems you described. Lucian On Jun 17, 2004, at 4:36 AM, Veine K Vikberg wrote: http://nrotc.mainemaritime.edu/goals.html * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
[WSG] MSIE Inheritance issues?
This particular page (http://tribolum.com/test/navmedia/contact/) that I am currently working on works fine in Firefox but not in IE/Mac or IE6/PC, giving me different errors in each. The code validates XHTML 1.1 as well as the CSS, but in IE/Mac, the main content shifts 300px away from the side menu, rather than 300px away from the left side of the viewport. The side menu is positioned absolutely and shouldn't influence the content's positioning. In IE6/PC, the side menu shifts a few hundred pixels right, sitting smack behind my h1 element. The footer does not give me the 120px top margin like I specified, so the barcode graphic doesn't sit on the whitespace that is supposed to be there. I am guessing there is some sort of inheritance issue here. I set ids on the body tags to customise the pages. I've searched the web extensively and my eyes are pretty much about to pop out of their sockets. Any one of you out there knows what's going on? Thanks. Lucian * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] A couple CSS Questions
Hey Sean, I used sliding doors on a site I completed not too long ago. It works for IE, except for the rollover, which my client didn't mind. Fahrner Image Replacement does not help accessibility. I used to be quite the Fahrny designer, now I'm working on using Pixy's Image Replacement technique. http://www.pixy.cz/blogg/clanky/css-obrazkove-odkazy-02.html Hope that helps. Lucian On Apr 28, 2004, at 4:29 AM, Sean Sullivan-Daley wrote: Hello, I have a site I am working on and I am having problems with two things. 1. Fahrner Image Replacement 2. Sliding Doors of CSS The Site works great in Firefox (Mac) - Fahrner Image Replacement doesn't work on FireFox (PC) And here is the big problem. Sliding Doors of CSS doesn't work on IE 6 (PC) and the Fahrner Image Replacement doesn't work. Any help would be great! Here are links to a sample: http://sean.ashtonweb.com/test/ http://sean.ashtonweb.com/test/css/mstle.css Thanks, -Sean * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
[WSG] Negative Vertical Margins in IE
Hey guys, I'm invoking the CSS gods out there once again. The page I'm working on (http://tribolum.com/test/navmedia/about/) displays perfectly (so far) in Firefox and Safari, but IE6/PC bombs it. Big surprise there. For the h1 element (image replacement) I use a -20px margin to undo a 20px margin set on the content div. IE6/PC lines up the image correct horizontally, but pushes it up 20px into the navigation bar. I also use a negative -40px margin-bottom on the h1 element to pull the "Who Are We?" up. On Firefox, I can do a -50px. On Safari I can only do a -40px, while on IE/Mac, the heading disappears under the h1 graphic. I'm tempted to perform a kill bill volume 3 on my own. Lucian * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
[WSG] Styleswitching
I recently worked on a site whose owners wanted both the prototypes I presented to them. I decided to implement a javascript styleswitcher from ALA. I decided on a colour version and a black and white version of the site. This would also mean that all the graphics in the site would have to switch. Instead of an img tag, I used block divs with specified heights and widths, and a background to insert graphics. They hold no meaning except to "beautify" the site and provide some eye candy. The problem comes when I think about accessibility. As they serve no informational (arguably) purpose, can I leave the divs blank, or should I insert a span that would do a display:none, which some have said does nothing for accessibility either? The website is at http://kavanaghdance.com/ . Just needed some feedback on my rather unorthodox methods. Lucian * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Hover issue
Looks great on IE / Mac, Safari and Firefox / Mac. CSS doesn't yet validate though. :) Lucian On Feb 16, 2004, at 4:01 PM, LC 55 wrote: Hi all... Anyone care to check - http://lc55.co.uk/test/index.html please. I have a problem in IE 6 re: background image. The image at bottom right moves slightly down the page when hovering over footer links. Does the same problem exist across other browsers? Or are you finding any other problems? Any help appreciated. Regards, JG _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Image MAP Not Working In FireFox...
name is a deprecated tag that does not validate under XHTML strict, but does under transitional. Lucian tribolum.com On Feb 16, 2004, at 1:19 PM, Chris Stratford wrote: Ahhh Thanks James, I thought i read somewhere that XHTML has removed the use of the NAME attribute... ?? It still validates! So I assume its all good now :) Cheers! Chris Stratford [EMAIL PROTECTED] Http://www.neester.com James Silva wrote: Hi Chris, Adding a name attribute to your map tag seems to fix the problem in FF. i.e: Cheers, James Silva Web Production Gruden Pty Ltd Tel: +61 02 9956 6388 Fax: +61 02 9956 8433 Email: [EMAIL PROTECTED] Web: http://www.gruden.com From: Chris Stratford [ mailto:[EMAIL PROTECTED] ] Sent: Monday, 16 February 2004 3:35 PM To: Web Standards Group Subject: [WSG] Image MAP Not Working In FireFox... Hey Everyone, I am designing a website (well a redesign) http://ausliq.neester.com its in XHTML with CSS... its a redesign of: www.australianliquidators.com now - the navigation image... doesnt work... but only in firefox... Just wondering, is this a problem with my coding (XHTML 100% valid). or is it a FireFox issue? Thanks! -- Chris Stratford [EMAIL PROTECTED] Http://www.neester.com * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Cross browser help
Looks great on Safari, IE and Firefox on Mac. The mascot in the background floats to the right of the page (half obscured by the right sidebar) in Opera 6 / Mac. It comes back to its original position after I highlight the text with my mouse cursor. I wouldn't worry too much about it. Great job! Lucian On Feb 14, 2004, at 5:35 PM, LC 55 wrote: Hi everyone. Can anyone please check this design for me in their browsers? Address: http://lc55.co.uk/test/index.html I tried the trial registration for BrowserCam, but the link I was told to go to would not let me login! I had never tried the trial at BrowserCam before, so can't understand the problem? Any feedback much appreciated. Kindest regards, JG _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] IE 5 position problems
Looks great on Safari, but breaks in IE / Mac. Screenshot at http://tribolum.com/space/naturalgrocer.jpg Lucian tribolum.com On Feb 14, 2004, at 1:06 PM, James Gollan wrote: Thanks in anticipation – I managed to get it working across all my target windows browsers. Now to move on to the mac – anyone want to have a look in a few Mac browsers and tell me the bad news? Go on - it’ll be fun breaking another designers spirit ;) BTW the working page is - it took some weird changes to a few padding and margin settings to please all the browsers – and I am still not sure why some things weren’t supported. Anyhoo… -Original Message- From: James Gollan [mailto:[EMAIL PROTECTED] Sent: Saturday, 14 February 2004 11:18 AM To: [EMAIL PROTECTED] Subject: [WSG] IE 5 position problems Hi guys, Just wondering if anyone knew why this layout http://www.swamphen.com/testing/naturalgrocer/index3.html was breaking in IE5 (severe) and 5.5 (not so severe). I suspect it may be to do with the box model or a float bug, but can’t quite isolate it. Any help much appreciated. The rendering problems are: · in IE5 (Win) the top edges of the two columns are not even; · In IE5.5 Win the spacing between the columns is too close; · Haven’t even looked at the mac yet! Works in IE6, N6, Firebird Cheers James
Re: [WSG] CSS and IE / Mac
Thanks Hugh! You're a star! Lucian On Feb 12, 2004, at 12:22 PM, Hugh Todd wrote: Lucian, The problem turned out to have a simple solution. (Sorry it's been so long since your post. I made a mess of my first attempt and let it stew for a little while I did some work.) You were using a div called #content, and in IE5 Mac it was not clearing under the #navlist DIV. One solution would have been to set it to clear, but IE5 Mac has a bug which leads to the inheritance of the clear property, and that's a bit of a nightmare. The result of not clearing was that the #content div was squashed to a width of 0 at the right of the body block. So the footer, which was enclosed by this DIV, was forced to the right, too, and sort of poked its head out to the right. In the end I tried simply getting rid of the #content div, and bingo, it looks fine. (Well, it looks fine with some left and right margins applied to the leftcol text and the footer.) Take a look at http://members.ozemail.com.au/~hughtodd/allegro/ -Hugh Todd I just finished a XHTML / CSS redesign (http://allegro-ems.com/), and tested it out in several browsers. It seems to cut it for all except IE / Mac. The footer gets smashed against the right side. I've been trying to figure out why for the past few days. I'm out of my league here. * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
[WSG] CSS and IE / Mac
I've been very impressed with the camaraderie exhibited on this list, even for OT posts. I just finished a XHTML / CSS redesign (http://allegro-ems.com/), and tested it out in several browsers. It seems to cut it for all except IE / Mac. The footer gets smashed against the right side. I've been trying to figure out why for the past few days. I'm out of my league here. I've also had one comment that IE6 / PC messes up the "About Us" and "Career" pages but renders the "Partners" page just fine. I'm baffled. The CSS and layout for those three pages are identical. I'm swept under the browser-bug whirlpool. Lucian tribolum.com * The discussion list for http://webstandardsgroup.org/ *
Re: Opening pages in new windows... was Re: [WSG] XHTML (OT??)
As your audience and your potential customer, you are wont to pander to my every need. If you take away my ability to choose whether or not to open your link in a new window, a new tab, or even an existing window, it is likely I will never come back to your site. I'm not saying that in a personal way, I'm just voicing out what most educated (or a little web-savvy) audiences think. It should be your site content and design, rather than a target _blank that keeps them going there. A simple shift-click brings on the new window. It is possibly a good idea to put those instructions for the user. Lucian Teo http://tribolum.com/ On Feb 8, 2004, at 8:45 PM, Michael Kear wrote: The reason is we go to a great deal of trouble to get users to come to our site and we don't want to send them away again. That's why I never allow a client to sign up for any of those awards sites or top 100 sites. A site gets higher ratings with search engines if there are a lot of other sites linking to you. To get those links you usually need reciprocal links, but that doesn't mean you want to send your users off to those sites just yet.That's the reason you need to have a way to open a link but still keep the users in the one place. Another reason is if links go off to subsidiary information. You still want to keep the flow of the original article. For example, try reading the technical data relating to an update on the Microsoft site. You start out by reading that "this update requires the prior installation of update something else". To find out if you have that update you go off to that link, which in turn takes you on another link and then another and another, and before you know it you're off down the yellow brick road and have no idea how to get back to the original point. If any of the pages are dynamic you can't use the back button. As a general rule, any link that takes a user outside my site, I put it in a new window. If it takes them somewhere in this site, I don't. Cheers Mike Kear Windsor, NSW, Australia AFP Webworks http://afpwebworks.com -Original Message- From: James Ellis [mailto:[EMAIL PROTECTED] Sent: Sunday, 8 February 2004 10:46 PM To: [EMAIL PROTECTED] Subject: Opening pages in new windows... was Re: [WSG] XHTML (OT??) Hi This kind of thing should be left up to the end user. As an example have a look at the NASA sites at the moment -windows opening everywhere and even using javascript to replace a simple target=_blank (why??). Really annoying. Modern browsers have an open in new window and the good ones have open in new tab on the context menu. We should be letting the users (us as well as others) decide where they want to open a new page as it's their browsing environment. Many UA's can force all links to open in the same page, rendering any targeting useless. Denoting external links with icons can be a good thing if you want to show a user where they will go (although the status bar does that as well). If a user hits an external link on a page they can use the back button to head back, if you want to keep state then this can be done at the application level using sessions and whatnot. Cheers James * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Could someone please do a little testing for me?
On IE5 / Mac the dropdown menus don't expand at all. On Feb 5, 2004, at 11:34 AM, Seona Bellamy wrote: Hi all, I need to do a small test in IE5, but I don't have access to a copy of it. And since the bit I need to test is the hover action on the menus, BrowserCam is not going to do the trick I think. So could someone who has IE5 please have a look at http://www.flemingclinics.com.au and run the mouse over the menu bar at the side? I need to know where the sub-menus are appearing, since my client (who is running IE5 has said that they are appearing over the main menu bar. I've made some code changes, and I want to see if I've shifted it far enough. And frankly, I would prefer to do it without resorting to asking my client, since every time I talk to him I'm faced with the urge to smack him around the head lately. *sigh* Cheers, Seona. --- Outgoing mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.576 / Virus Database: 365 - Release Date: 30/01/2004 * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Image floating question
If the page is to be set 100% of the viewport, which is 600px, the combined 800px of the two logos would definitely cause the second to fall below the first logo. You'll need to encase the two logos in a container that is at least 800px wide for the two to sit side by side. Lucian On Feb 4, 2004, at 12:28 PM, James Cowperthwaite wrote: Hi all, With two images, one floated left and the right, is there any way to force the page scroll horizontally instead of the right image dropping underneath the left when the width of the browser window becomes less than the combined widths of the images? eg .logo1 { float:left; width:400px; } .logo2 { float:right; width: 400px; } and the browser is, say, only 600px wide? Oh, and the page is set to be 100% wide. Thanks! James * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Opera - hrumph - more like school play ...
It's the margin: 0 auto 0 auto; in #container. but I'm sure you already knew that. Funny thing is, Opera on my Mac seems to load the page forever and pushes the container even farther when I hit stop. Lucian Teo http://tribolum.com/ On Feb 2, 2004, at 5:30 PM, Universal Head wrote: Another day - another rendering mystery ... http://www.universalhead.com/clients/jazzfactory/jazzfactory/ http://www.universalhead.com/clients/jazzfactory/jazzfactory/css/main.css Everything's working fine everywhere EXCEPT Opera6 (Mac). For some reason Opera shifts the whole container to the left ... Sheesh, who the hell uses Opera anyway ...? Damn profusion of browsers making life difficult grumble grumble ... Can anyone spot what's causing this? Much obliged! Peter Gifford Universal Head Design That Works visit 7/43 bridge road stanmore nsw 2048 australia call (+612) 9517 1466 fax (+612) 9565 4747 [EMAIL PROTECTED] site www.universalhead.com