[WSG] help with layout postioning
hello, I recently posted a question about a page i am building based on a simple 3 col anyorder layout. I was worried that negative margin usage was becoming out of control. It was suggested that I use absolute positioning on one of the columns(navigations) to rely less on negative margins. This caused the column to vanish in ie pc. Also it caused another minor div with absolute positioning to dissapear. Heres is the negative margin version http://208.106.188.137/index.htm the main div in question is the #navigations div in the css file below http://208.106.188.137/app_themes/master_theme/structure.css Heres is the absolute positioning version. http://208.106.188.137/index.htm with the same div navigations here http://208.106.188.137/test/app_themes/master_theme/structure.css Please advise on the cleanest best browser supported method. -best kevin mcmonagle *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] help with layout postioning
Kevin McMonagle wrote: [...] I was worried that negative margin usage was becoming out of control. It was suggested that I use absolute positioning on one of the columns(navigations) to rely less on negative margins. This caused the column to vanish in ie pc. Heres is the negative margin version http://208.106.188.137/index.htm Didn't find the absolute positioned version, but I recreated it with your other stylesheet as base. Yes, IE has serious problems getting the stacking right. Now, I can understand that it is easy to lose control over negative margins and floats, but I think it's the best option, with best browser-support, at the moment. Even IE understands negative margins (with a bit of help). So, I'd say you had it right the first time, and should continue from there. Details: - There are a couple of CSS errors that are *not* caused by the underscore hack. They should be fixed. - Page shows some weaknesses when subjected to font-resizing - especially in IE-win. Those should be dealt with. - Some text is unreadable because of low contrast. Other than that I can't see any real problems. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] help with layout postioning
Hi George, -im relieved that you say that the negative margins are ok. I had a proggrammer at work complain about them and a couple posts here made me wonder if it was ok. Im planning on replacing those underscore hacks with the star selector method, is that still the way to go with ie 7 on the horizon? I'll give the fonts a room for a couple resizes-forgot about that one. Actually i was leaving the page a wee bit unresolved in some of the other the areas where the asp hackers i mean programmers will be going in with web controls. Thanks for that kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] help with layout postioning
Im planning on replacing those underscore hacks with the star selector method, is that still the way to go with ie 7 on the horizon? IE7 won't understand the * html (Holly) hack. You're better using conditional comments for serving different versions of IE different style rules. -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] help with layout postioning
Kevin McMonagle wrote: -im relieved that you say that the negative margins are ok. I had a proggrammer at work complain about them and a couple posts here made me wonder if it was ok. I've heard/read complaints about every single CSS-based method in use for laying out web pages. Yet, most methods work just fine, and can be combined, when the designer/coder know when, where and how to use them. The rest is a question about browser-support and personal preferences. Im planning on replacing those underscore hacks with the star selector method, is that still the way to go with ie 7 on the horizon? * html selector {} ...will work just fine to target IE6 and older, so that's a good replacement for the 'leading underscore' hack. IE7 will ignore both. IE7 shouldn't need any hacks, but I'm pretty sure it will for many layouts. So far only this hack seems to work... *:first-child+html selector {} ...but I have no idea if that will last even into the final release, so I won't recommend its use. I'll give the fonts a room for a couple resizes-forgot about that one. Give IE6 a chance while you're at it, without the user having to 'ignore font-sizes', although it should ideally work then too - up to 'largest'. Remember also that some out here (like me) has a 'minimum font-size' set since we won't bother with resizing when we surf around. (It's amazing to see how many sites that can't even take 'minimum font size: 14px' well, because of the font sizing methods used.) Advice: test a bit across browser-land, so you know what your design can take. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***