Re: [css-d] Struggling with IE6 compatibility for Holy Grail
On Wednesday 25 October 2006 01:28, Gunlaug Sørtun wrote:
Alan Chandler wrote:
http://www.chandlerfamily.org.uk/testing/col.html
1) The picture used as the background for the #logo div is 164 x 123
pixels. The #header div has a left margin of 164px, and whilst it
sits close to the picture on both Firefox and Konqueror, IE/6 seems
to show white space between the backgrounds of the #logo and #header
divs.
That's the negative effect of 'hasLayout'[1] - the '3px jog' bug, where
3px is added to the left margin in IE/win.
Solution: don't declare a width on #header, or set the width to 'auto'
(which is default anyway). That way there's no 'hasLayout' trigger, and
subsequently no disturbing '3px jog'.
I thought it might be the 3px jog, since my previous attempt had #header
floating right, but in IE I needed the width of #logo and #header to be 6
less than #wrap in order for it to fit.
2) If I add a border round the #header div the padding and a margin
at the top of the page seem to alter in Firefox and Konqueror but not
in IE/6 http://www.chandlerfamily.org.uk/testing/col2.html (with css
at http://www.chandlerfamily.org.uk/testing/col2.css)
That's the effect of preventing 'collapsing margins'[2], where the
margins on h1 is _contained_ within #header, instead of _escaping_ it.
But ...?
Why has #header h1 a margin, doesn't it inherit the #wrap declaration of 0.
You can see that there's a margin/gap above the page in your first
example-page, and that margin/gap is gone in your second example-page.
That gap is the escaped or 'collapsed' margin of h1.
IE messes with it a bit because of its 'hasLayout' bug. Once that bug is
taken care of by not triggering it (as explained for your first
question), IE will behave more like the other browsers.
The most cross-browser stable solution is to add a padding top/bottom to
#header, as that will contain h1's margins in the #header in all browsers.
Can someone explain what these effects are - so I can figure out how
to fix them.
Sorry if I take the fun out of bug-hunting :-) , but the quick fix is
to add...
#header {width: auto; padding: 1px 0;}
OK it does - thanks
...to solve both problems, and then add a margin-top to #wrap if you
want a gap up there above the page.
No, I don't want the gap.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
[2]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
Thank you very much for that. I don't see how I could ever have got there on
my own.
--
Alan Chandler
http://www.chandlerfamily.org.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] blank page in firefox
Hi I am busy with my first website. I am using css. The site displays when I use Opera and IE but displays blank in firefox. (tested on ff 1.5.X) The development is done using ms vs2005. example: www.klickmine.com Regards Amie Nel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Struggling with IE6 compatibility for Holy Grail
On Wednesday 25 October 2006 07:18, Alan Chandler wrote: But ...? Why has #header h1 a margin, doesn't it inherit the #wrap declaration of 0. OK margins don't get inherited - but why doesn't it default to 0 -- Alan Chandler http://www.chandlerfamily.org.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] No DOC TypE
Can you provide a link to the page? The doctype clarification has to be completely at the top. There can't even be an empty line there. A. I know this is been covered before, however, I did not think it was important in the past. The W3C HTML validator is telling me there is no DOC TYPE when at the top of the file I have: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] default style sheets for html elements: a sketch of comparison between FF 1.5 and CSS specs
http://www.css-zibaldone.com/the-css-switch-project/december-2006/default-style-sheet-for-html-elements/ If someone has made some test, I'll be glad to cite his/her results. bye Gabriele Romanato -- http://www.css-zibaldone.com/the-css-switch-project/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Floated text overlaps in IE 6
I've been unable to figure out what is causing the floated text (in divs) in http://www.spitzer.us/daryl/Daryl_Spitzer_resume.html (and http://www.spitzer.us/daryl/) to overlap in Microsoft Internet Explorer 6.0. I welcome any advice. -- Daryl Spitzer __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] blank page in firefox
I am busy with my first website. I am using css. The site displays when I use Opera and IE but displays blank in firefox. (tested on ff 1.5.X) its a good thing you tested it, eh. :) doesn't display in mozilla either. i haven't looked but would think it probably doesn't display in Safari, either (but, then again, I am surprised it is okay in Opera.) You have a bunch of errors, 28, in the html. If you fix those it will probably display. One notable one is using the attribute visible - its a proprietary attribute. The development is done using ms vs2005. what is that? it sounds like something that comes from Microsoft? You probably should get yourself a good text editor or a recent copy of Dreamweaver, perhaps. (i use a text editor.) Since you say first, you may not have the webdev toolbar which is pretty crucial for doing this work. it will install on Firefox and/or Mozilla (i use both browsers). http://chrispederick.com/work/webdeveloper/ some more about the other errors. you haven't closed your meta tags right, lots of times. there has to be a space between the last word and the closing / also, it looks like the quotes in the meta tags are curly or something, at any rate, not plain text and they should be plain text. another thing, there are lots of styles in-line, really shouldn't be doing that, especially if you are using strict xhtml. pretty sure it will be deprecated but regardless its just bad form and no need for it. there is a lot to learn but we have all been there. best Donna example: www.klickmine.com Regards Amie Nel -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] blank page in firefox
Hi Amie, for some reason I can't quite fathom, your index page performs a browser check upon loading, and redirects Firefox to ff.html (see the BODY tag in your html file main.js), which is, er, indeed blank. You just have to remove the onload for this page to quit its naughty, naughty behaviour. hth Erwan Amie Nel wrote: Hi I am busy with my first website. I am using css. The site displays when I use Opera and IE but displays blank in firefox. (tested on ff 1.5.X) The development is done using ms vs2005. example: www.klickmine.com Regards Amie Nel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centering block elements in IE 6.0 fails
On Tuesday 24 October 2006 14:24, Gunlaug Sørtun wrote: Yes, IE6 centers block-element by auto-margins when in standard compliant mode, but there's a flaw in IE when it is served absolute positioned elements. As I wrote before, I read about the Centering with auto-margins technique in Eric Meyer's book CSS The definitive Guide. Applying this technique for centering horizontally, Eric gives an example where an outer DIV with relative positioning wraps an inner one with absolute positioning. Two pages on, Eric gives a similar example for vertically centering, but this time he states that no version of IE supported the vertical-centering behavior ..., i.e. explicitly limiting the flaw to vertically centering. So I was in doubt about whether I did something wrong. Thanks for acknowledging that IE is the flaw :-) Result: the auto-margins becomes useless in that browser. Any workarounds available? I used absolute positioning to take the element out of the normal page flow and display it on top of other text (with opacity applied). I reckon, floated elements can not be used instead. Cheers Daniel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] moving the footer to the bottom of the page
sorry about the silly questions but I'm new at this : http://test3.dekkers.net http://test3.dekkers.net/style.css i can't seem to be able to move the footer to float nicely at the bottom of the page (or even show at all in IE). i know it's probably something silly I'm forgetting just don't know what : ( can you please help ? thanks in advance Ido __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] blank page in firefox
I grabbed the source files and played with them. If you get rid of that negative z-index for #mainframe, or change it to zero or a positive number, your problem should go away. Alternatively, you could declare position and z-index etc. for the body tag. See http://archivist.incutio.com/viewlist/css-discuss/5061 for a summary of this issue. -Spode At 8:26 AM +0200 10/25/06, Amie Nel wrote: I am busy with my first website. I am using css. The site displays when I use Opera and IE but displays blank in firefox. (tested on ff 1.5.X) The development is done using ms vs2005. example: www.klickmine.com Regards Amie Nel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Edward F Spodick, Information Technology Manager Hong Kong University of Science Technology Library [EMAIL PROTECTED] tel:852-2358-6743 fax:852-2358-1043 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
@JJ: I use pretty much the same setup. Only now I need another laptop for IE7 :). Vim on Mac doesn't sit tight for me... I use BBEdit (intelligent collapsing and, as far as I'm concerned, cleanest simplest interface around). Shelly's spot on. I know a lot of developers who're just baffled at the concept of CSS (style? developers? hehehe), but if you read through w3c's glossaries and write to standard (ie Firefox) - afterwards the logic employed by IE is an interesting challenge :). Regards, Barney Css Discuss wrote: I'm a Mac user now, was Linux full time for quite a while. I keep a laptop handy to check windows browsers. I use FF for everyday life and doing my HTML and CSS. It's interesting coming back to front end stuff, I wonder how many here use Vim as their HTML/CSS editor? I'm so hooked! I find this thread interesting, thanks for the encouragment. - JJ On 10/24/06, Shelly [EMAIL PROTECTED] wrote: *Exactly* what Rimantas said. I have found that the majority of people who say CSS is too hard or put up arguments for not using it (like oh to make that work in that browser I'll need this work around, or it's going to do this or that LOL) are generally people who haven't really given it a shot. This includes people who are new to it (which is a common first reaction, but they'll learn) as well as people who tried it once for a day or two and just gave up because they wanted to get it instantly (those are the *fun* ones to discuss it with!) Once you get CSS - it's like riding a bike. You *get* it. And then you start wanting to know and understand more. And the more you get the better you get at it. For me, it took a couple of months before the light bulb switched on over my head, and thanks to the past years of learning, reading, and soaking up whatever I could wherever I could (this list, too!), I usually get hired by design houses that want to go tableless. Many times (especially when I see responses here from Georg or francky - among others, and remember who actually runs this list) I feel like I know nothing - until I speak with someone who's in the same spot I was five years ago. I may not know as much as a lot of these guys, but I *do* know enough that my skills are sought after enough to pay for my family vacations (and electronic goodies of all sorts that are around the house!) But *exactly* what he said - the *biggest* mistake you can make is to design for IE and then fix the other browsers later. The second biggest mistake is to wait until the site is completely finished before you start validating your CSS and markup (you should be doing that all along to save yourself a visit to the hospital from head trauma via banging your head on the desk) CSS is awesome. It's been so long since I've used a table that I actually have to look up old tutorials now to see how they're done ;) And for the record, usually when I find myself needing to use a hack, it's only for IE5 on a Mac - and even then it's rare. ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
Shelly's spot on. I know a lot of developers who're just baffled at the concept of CSS (style? developers? hehehe), but if you read through w3c's glossaries and write to standard (ie Firefox) - afterwards the logic employed by IE is an interesting challenge :). You can start with a tested suite: http://developer.yahoo.com/yui/grids/ -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
Couple of useful links: http://www.w3.org/TR/REC-CSS2/selector.html http://www.quirksmode.org/css/contents.html Barney Carroll wrote: @JJ: I use pretty much the same setup. Only now I need another laptop for IE7 :). Vim on Mac doesn't sit tight for me... I use BBEdit (intelligent collapsing and, as far as I'm concerned, cleanest simplest interface around). Shelly's spot on. I know a lot of developers who're just baffled at the concept of CSS (style? developers? hehehe), but if you read through w3c's glossaries and write to standard (ie Firefox) - afterwards the logic employed by IE is an interesting challenge :). Regards, Barney Css Discuss wrote: I'm a Mac user now, was Linux full time for quite a while. I keep a laptop handy to check windows browsers. I use FF for everyday life and doing my HTML and CSS. It's interesting coming back to front end stuff, I wonder how many here use Vim as their HTML/CSS editor? I'm so hooked! I find this thread interesting, thanks for the encouragment. - JJ On 10/24/06, Shelly [EMAIL PROTECTED] wrote: *Exactly* what Rimantas said. I have found that the majority of people who say CSS is too hard or put up arguments for not using it (like oh to make that work in that browser I'll need this work around, or it's going to do this or that LOL) are generally people who haven't really given it a shot. This includes people who are new to it (which is a common first reaction, but they'll learn) as well as people who tried it once for a day or two and just gave up because they wanted to get it instantly (those are the *fun* ones to discuss it with!) Once you get CSS - it's like riding a bike. You *get* it. And then you start wanting to know and understand more. And the more you get the better you get at it. For me, it took a couple of months before the light bulb switched on over my head, and thanks to the past years of learning, reading, and soaking up whatever I could wherever I could (this list, too!), I usually get hired by design houses that want to go tableless. Many times (especially when I see responses here from Georg or francky - among others, and remember who actually runs this list) I feel like I know nothing - until I speak with someone who's in the same spot I was five years ago. I may not know as much as a lot of these guys, but I *do* know enough that my skills are sought after enough to pay for my family vacations (and electronic goodies of all sorts that are around the house!) But *exactly* what he said - the *biggest* mistake you can make is to design for IE and then fix the other browsers later. The second biggest mistake is to wait until the site is completely finished before you start validating your CSS and markup (you should be doing that all along to save yourself a visit to the hospital from head trauma via banging your head on the desk) CSS is awesome. It's been so long since I've used a table that I actually have to look up old tutorials now to see how they're done ;) And for the record, usually when I find myself needing to use a hack, it's only for IE5 on a Mac - and even then it's rare. ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Barney Carroll Text Matters Information design: we help explain things using language | design | systems | process improvement ___ phone +44 (0)118 918 2382 email [EMAIL PROTECTED] web http://www.textmatters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
Couple of useful links: http://www.w3.org/TR/REC-CSS2/selector.html http://www.quirksmode.org/css/contents.html Barney Carroll wrote: @JJ: I use pretty much the same setup. Only now I need another laptop for IE7 :). Vim on Mac doesn't sit tight for me... I use BBEdit (intelligent collapsing and, as far as I'm concerned, cleanest simplest interface around). Shelly's spot on. I know a lot of developers who're just baffled at the concept of CSS (style? developers? hehehe), but if you read through w3c's glossaries and write to standard (ie Firefox) - afterwards the logic employed by IE is an interesting challenge :). Regards, Barney Css Discuss wrote: I'm a Mac user now, was Linux full time for quite a while. I keep a laptop handy to check windows browsers. I use FF for everyday life and doing my HTML and CSS. It's interesting coming back to front end stuff, I wonder how many here use Vim as their HTML/CSS editor? I'm so hooked! I find this thread interesting, thanks for the encouragment. - JJ On 10/24/06, Shelly [EMAIL PROTECTED] wrote: *Exactly* what Rimantas said. I have found that the majority of people who say CSS is too hard or put up arguments for not using it (like oh to make that work in that browser I'll need this work around, or it's going to do this or that LOL) are generally people who haven't really given it a shot. This includes people who are new to it (which is a common first reaction, but they'll learn) as well as people who tried it once for a day or two and just gave up because they wanted to get it instantly (those are the *fun* ones to discuss it with!) Once you get CSS - it's like riding a bike. You *get* it. And then you start wanting to know and understand more. And the more you get the better you get at it. For me, it took a couple of months before the light bulb switched on over my head, and thanks to the past years of learning, reading, and soaking up whatever I could wherever I could (this list, too!), I usually get hired by design houses that want to go tableless. Many times (especially when I see responses here from Georg or francky - among others, and remember who actually runs this list) I feel like I know nothing - until I speak with someone who's in the same spot I was five years ago. I may not know as much as a lot of these guys, but I *do* know enough that my skills are sought after enough to pay for my family vacations (and electronic goodies of all sorts that are around the house!) But *exactly* what he said - the *biggest* mistake you can make is to design for IE and then fix the other browsers later. The second biggest mistake is to wait until the site is completely finished before you start validating your CSS and markup (you should be doing that all along to save yourself a visit to the hospital from head trauma via banging your head on the desk) CSS is awesome. It's been so long since I've used a table that I actually have to look up old tutorials now to see how they're done ;) And for the record, usually when I find myself needing to use a hack, it's only for IE5 on a Mac - and even then it's rare. ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] H-Scroll in IE7 - Please Help
Can someone please look at this page and tell me where the horizontal scroll in the browser is coming from and how to get rid of it? http://www.tmhdesign2.com/sedation-dentistry.asp Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] yui css grids documentation
Christian Heilmann wrote: Shelly's spot on. I know a lot of developers who're just baffled at the concept of CSS (style? developers? hehehe), but if you read through w3c's glossaries and write to standard (ie Firefox) - afterwards the logic employed by IE is an interesting challenge :). You can start with a tested suite: http://developer.yahoo.com/yui/grids/ I'm a little confused by the documentation on using the yui grids. The first few examples use #yui-main followed by a .yui-b and then the .yui-g for grids e.g. div id=yui-main div class=yui-b div class=yui-g div class=yui-u first but then for the more complex grid layouts it switches to: div id=yui-main div class=yui-g !-- not yui-b anymore? div class=yui-g first div class=yui-u first There's nothing to explain why .yui-b isn't used anymore. Is its function replaced by #yui-main or interchangeable with .yui-g? Is there anyone using this who can shed some light on this for me? Cheers, Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] yui css grids documentation
On 25/10/2006 10:40, Rob O'Rourke wrote: Is there anyone using this who can shed some light on this for me? .yui-b means block of content, whereas .yui-g means grid. From the site: Each container is a block of content, so we add two divs with class=yui-b attribute values to div#bd. and By default, a grid (div.yui-g) tells all contained units to divide the available space. Brad __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] No DOC TypE
The doctype clarification has to be completely at the top. There can't even be an empty line there. Anything above doctype declaration will throw IE into quirks mode, but this does not mean everything is forbidden here. You may have empty lines, comments, or xml declaration here... Regards, Rimantas -- http://rimantas.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help with a CSS bug specific to dreamweaver...
HOLY CRAP! I can't believe that worked. Wow. Thanks, Philippe! You're right - this should be filed under most ridiculous bug fix ever. Matt On 10/25/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On Oct 25, 2006, at 6:38 AM, Matt Dawson wrote: And here's where the problem is: I've applied a tiled background image to #main_body to make the blue main content column stretch to the footer, even if the right sidebar is longer. Works fine in all browsers. BUT in dreamweaver, adding this tiled image to the background through css causes all of my text to black out in design view - that is, it looks like someone took a black higlighter to those two columns. As I've mentioned in past emails, I have to use Dreamweaver, as it's the software we've committed to as an organization. They *still* haven't fixed that bug ? I reported that problem while beta testing Dreamweaver back in 2004. (and I haven't used that app since those betas timed out). The fix that worked back then is absolutely stupid. background: url(../images/lt_blue_tile_homepage.gif) repeat-y 0px 0px; note the addition of px to position co-ordinates: instead of 0 0 make it 0px 0px. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] DIV HEIGHT PROBLEM
I have a problem, how to display a left colum background image to the whole
width od left side, regardles mainpart length.
// HTML
div id=wrapper
div id=left_side ... something .../div
div id=main_side... something ... /div
div id=footer .../div
/div
//CSS
#wrapper{
width:900px;
position: relative;
text-align:left;
height:100%;
margin: 0 auto;
padding:0px 0px 0px 0px;
background-color: #F2F4DC;
}
#left_side {
float:left;
width:190px;
height:100%;
background-image: url('../images/background_img.gif');
background-repeat:repeat-y;
}
#main_side {
float:left;
width:710px;
}
#footer {
clear: both;
height:20px;
color:white;
font-size:9pt;
background-color: #F38526;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] fixed - absolute - relative in IE6
Hi,
I'm new in this list and after reading the frontpage I didn't find a
solution for my problem.
I have a div (static or relative) in which I want to put other divs
with { position: absolute } .
I also have a header that I want to be fixed. So I have a mix of
fixed div with absolute div inside relative div.
When I scroll the window I want the the absolute div inside relative
to follow the text (of the relative div).
In W3C browsers, this works fine:
http://www.lptl.jussieu.fr/users/bernu/pub/test/position.html (all
div with Hello from 1 to 6 move together when I scroll the window)
I could not find out how to do that in IE6.
Thanks,
Bernard
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] DIV HEIGHT PROBLEM
Mijin Vladimir wrote: I have a problem, how to display a left colum background image to the whole width od left side, regardles mainpart length. Add background: url(../images/background_img.gif) repeat-y; to the #wrapper selector. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Change the :hover, :link, :visited and :active of a specific element based ot its ID
Hello list!
I need to change these css attributes of only one element on the page, a
exceptionla link that must behave differently. It is. However, I can't find
a way to only select it using the pseudo-classes metioned, I tried:
A:hover,#myelement { color: #FFF }
But every other a element on the page got selected.
Any ideas?
Thanks in advance,
Marcelo.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
This definitely has been an interesting thread, very nice input from all,
thank you!
Not to defend, but just to share, my whole background in any of my internet
work has been, study now, benefit later. In the mid-late '90's I took the
Learn HTML in 30 days book and sat in front of it and my computer for 30
days. My wife thought I was nuts! Programming was the same, everything has
been self taught. I had the good fortune of working with an internet
start-up in the SF Bay Area in the late 90's with some very excellent
programmers. A couple of whom now are big shots at BEA. They were patient
with me and just laughed behind my back and not to my face, that helped! ;-)
Perl, Java, SQL yummy! One was my manager, he walked in my office one day
with the O'Rielly vim book and said here, install that and learn this. If
your going to work with UNIX programmers you have to know vim. I was given
an clean box and a copy of Linux and told to install and use. Have a nice
day. To that point I had been all windows. (that's why I love my mac, best
of both worlds! Plus, duel mac monitors rules!!!)
As far as CSS, I got all behind standards about 2 or 3 years ago. When did
Zeldmans book on standards come out? I actually to that on vacation one
winter and read it by the fire up in Bear Valley! Smart guy, but somewhat of
a rant I must say, but there is(was/is) allot to rant about!
I actually agreed with him totally and was ready to really get into it, and
a huge programming project came along and the rest is history. I bought the
books, but time got away from me.
My initial interest in internet was to publish digital artwork to the world
for free. Publish and free where terms that were not synonymous when I was
playing music. As 20 something working musicians it was blood sweat and
tears to get anything out there, and along comes the web and now the likes
of You Tube!
You youngin's don't know how easy you have it! ;-)
Ok, so much for my going on. (Fresh coffee buzz in the AM 8^)
I'm done being discourged and irritated by the likes of this:
/* IE5.x/Win hacks */
#main {width: 960px; voice-family: \}\; voice-family: inherit;
width: 750px;}
#content {width: 585px; voice-family: \}\; voice-family: inherit;
width: 540px;}
#sidebar {width: 155px; voice-family: \}\; voice-family: inherit;
width: 140px;}
#ish a:link, #ish a:visited {height: 65px; voice-family: \}\;
voice-family: inherit; height: 52px;}
/* IE5/Mac hacks */
/*\*//*/
#navbar {padding-top: 0.75em; height: 1.66em;}
#navbar li a {display: inline;}
/**/
Now I've just got to remember what it' supposed to do. I know I read about
it somwhere once before. sigh
Thanks again, I will be following the links and checking them out.
The goal is to set aside a bit of time each day and refresh the brain on CSS
and Standards.
I will be here checking the list at least once a day, this seems like a very
cool group of people.
Take care, See ya'
- JJ
On 10/25/06, Arlen Walker [EMAIL PROTECTED] wrote:
On Oct 24, 2006, at 5:58 PM, Css Discuss wrote:
What do YOU (plural) do?
Do you say, I'm sticking ot standards, piss on your browser if it
doesn't
look good!?
Nope.
Do you make your pages simple so that there's flexability in the
design, so
that browsers don't notice the difference?
(Think Google)
Almost got it, but that's also a bit extreme.
Do you go bonkers (or spend a ton of time) learning the work
arounds so that
instead of a specialist in CSS you become a specialist in the work
arounds
that hopefully will be gone in a few years?!?!
Exaggerated, but yes. Exaggerated, because it doesn't take tons of
time. Rachel Andrew, bless her heart, has pulled together a bunch of
them in CSS Anthology (Sitepoint) and Joe Lowery's CSS Hacks and
Filters is another good source. Websites like http://tantek.com/ and
http://www.positioniseverything.net/ as well as css-d's own http://
css-discuss.incutio.com/?page=CssHack will give you most of what you
need. You can spend a few free hours gaining a general familiarity
with the concepts, to help you find the required hack/filter faster
when you need it, or you can wait until you're up against it and then
look for it.
They key word in your gone in a few years comment is hopefully.
Most of the particular bugs will be gone in a few years, though some
will, I'm sure, still be with us. The background-position: fixed bug
of IE5 was still there in 5.5, and in 6, and it may quite possibly
still be there in 7 (I haven't looked for it there, yet). So it
stayed around for a decade, give or take.
But even if the particular bug that a workaround was designed for is
fixed, it'll be several more years after that before you can safely
stop working around it, because your audience will continue to use
buggy browsers. Those of us who survived Netscape 4.0 can tell you it
quite often seems users are most attached to the browsers that
perform the worst. And besides that, you can often use the workaround
to
Re: [css-d] Change the :hover, :link, :visited and :active of a specific element based ot its ID
A:hover,#myelement { color: #FFF }
But every other a element on the page got selected.
Replace your comma ',' with a space ' ':
a:hover #myelement {color:#fff;}
You were also missing a semi-colon ';' :) - so many times I thought I
had a massive failure on my hands when the only problems were ahandful
of missing semi-colons.
When you write
a:hover,#myelement {}
It selects #myelement and all a:hover - comma is a separator. It is also
a nifty hack for IE only if you put it on the last definee - anyone
tried this on IE7?
Regards,
Barney
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: one band-aid on top of another?
@Georg - I agree with not learning workarounds. One of the greatest potential failings for me (especially when I started *having* to deliver almost identical rendering for IE Win / standards-compliant browsers) was that I started to use workarounds (and even a few hacks) as standard - which is awful, awful practice. Workarounds should never be learned - if they are absolutely necessary they should be specifically implemented for the situation at hand, from scratch. Because cross-browser rendering is a teeming jungle, you're better off learning the terrain rather than the paths, because paths off the beaten track are quickly overgrown. :) Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Positioning Help
Hi forum Can someone help http://www.philturner-uk.com/ypny/ the right hand div is dropping down to the bottom in IE cant seem to fix it Kind Regards Phil Turner FREELANCE CREATIVE TEL: 0161 439 1669 Chartered Graphic Designer MCSD BA Hons [EMAIL PROTECTED] http://www.philturner-uk.com V I S I T M Y D E S I G N B L O G http://www.philturnerdesigner.blogspot.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] css tabbed menu
Hi, I am trying to create a css tabbed menu like this http://astro.temple.edu/~tua14115/sampletabmenu.gif Does anyone know where i can find the images to style the tabs like this and how would i go about doing it. Thanx __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css tabbed menu
http://www.alistapart.com/articles/slidingdoors/ ...is the best I've seen, although I did trawl the net for ages looking for a perfect rounded-corners solution and ended up creating my own hybrid. As for the images, just cut up that gif and remove the text why not? Regards, Barney Brian Jones wrote: Hi, I am trying to create a css tabbed menu like this http://astro.temple.edu/~tua14115/sampletabmenu.gif Does anyone know where i can find the images to style the tabs like this and how would i go about doing it. Thanx __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Barney Carroll Text Matters Information design: we help explain things using language | design | systems | process improvement ___ phone +44 (0)118 918 2382 email [EMAIL PROTECTED] web http://www.textmatters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css tabbed menu
http://www.alistapart.com/articles/slidingdoors/ ...is the best I've seen, although I did trawl the net for ages looking for a perfect rounded-corners solution and ended up creating my own hybrid. As for the images, just cut up that gif and remove the text why not? Regards, Barney Brian Jones wrote: Hi, I am trying to create a css tabbed menu like this http://astro.temple.edu/~tua14115/sampletabmenu.gif Does anyone know where i can find the images to style the tabs like this and how would i go about doing it. Thanx __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning Help
Phil Turner wrote:
http://www.philturner-uk.com/ypny/
the right hand div is dropping down to the bottom in IE cant seem to
fix it
Those dotted lines are too long and IE/win expands the entire div to
make room for them - ignoring declared width. That's a genuine IE-bug.
One solution is to add...
* html #rightcol {overflow-x: hidden;}
* html #rightcol * {position: relative;}
...which will make IE respect declared width and make content overflow
when necessary - just like other browsers.
Result: no more drop in IE.
Note: you should test with font-resizing in IE (ignore font size), and
correct those line-heights to avoid the inevitable overlapping those
pixel-values are creating.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] H-Scroll in IE7 - Please Help
Try validating the document first? Just a thought. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] multiple menu strife sorted
Been working on Tedd Sperling's excellent drop down menu which was difficult to catch in IE7. As part of the exercise made submenus different colours etc. Now all sorted. Went back to square one. The problem with the above was the nav a div as this caused a glitch in IE7. New one seems to work ok. Thanks all. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.408 / Virus Database: 268.13.11/496 - Release Date: 24/10/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Serious IE bug? relative div, table, relative div
Jos van Panhuis wrote: I would very much appreciate it if someone could help me with this, has a solution, or has a link to a page explaining this annoying bug. It's one of the many 'hasLayout'[1] related bugs. IE6 needs a 'hasLayout' trigger in order to keep track of containers and positions. Changing your example to... body div style=position:relative; zoom: 1; ...will do. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
