Re: [css-d] Setting height to 0 does not work on IE6

From: "Will Merrell" <[EMAIL PROTECTED]> To: "Kelly Miller" <[EMAIL PROTECTED]> Cc: "css-discuss" Sent: Wednesday, June 29, 2005 11:29 PM Subject: RE: [css-d] Setting height to 0 does not work on IE6 Right you are, Kelly, a line-height of 0 did indeed fix it. Thank you. This will work, usin

[css-d] How to validate quirky stuff

Okay, this is actually separate from my earlier question, and yes I researched the wiki and google for answers but nothing really addresses a solution. I am wanting a vertical and horizontal centered content area for a site I'm working on, this is just roughly laid out right now but you'll see

RE: [css-d] Setting height to 0 does not work on IE6

Right you are, Kelly, a line-height of 0 did indeed fix it. Thank you. -- Will > -Original Message- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] Behalf Of Kelly Miller > Sent: Wednesday, June 29, 2005 10:54 PM > To: Will Merrell > Cc: css-discuss > Subject: Re: [css-d] Setting h

RE: [css-d] Setting height to 0 does not work on IE6

> Kelly Miller > > Because you put a non-breaking space in the , IE > enlarges the to the size of line-height. That means you can't > just say height: 0; you have to add line-height: 0 as well > (at least, I > think that's the fix. Anyone care to elaborate?). Actually I thought it would be

RE: [css-d] Setting height to 0 does not work on IE6

My test case works in IE6 and FF1.0.4 .clear { line-height: 0; clear: both; margin : 0; padding: 0; border: 0; } .redbox { margin: 0; border: 1px solid red; color: white; background: red; } .greenbox { float: right;

RE: [css-d] Setting height to 0 does not work on IE6

Sorry, I screwed up the CSS in the previous sample, My test case works in IE6 and FF1.0.4 .clear { line-height: 0; clear: both; margin : 0; padding: 0; border: 0; } .redbox { float: right; width: 200px; margin: 0; border: 1px solid red;

Re: [css-d] Setting height to 0 does not work on IE6

IE treats height like it were min-height (well, not exactly, but in this situation...). Because you put a non-breaking space in the , IE enlarges the to the size of line-height. That means you can't just say height: 0; you have to add line-height: 0 as well (at least, I think that's the fix.

RE: [css-d] Setting height to 0 does not work on IE6

> From: Will Merrell > >   > > .clear { > display : block; > clear: both; > height: 0em; > margin : 0em; > padding: 0em; > } > > ...under IE6, guess what, the clearer div occupies a full line. Remove the non-breaking space form the markup, and/or set the line-height to a z

[css-d] Setting height to 0 does not work on IE6

Hi Folks, I'm floating some elements on a page, so I am adding a div after to clear them so they stay in the container. The clearer div looks like this:   and the css for it looks like this: .clear { display : block; clear: both; height: 0em; margin : 0em; padding: 0em; }

Re: [css-d] positioning : classes vs id's

At 04:08 PM 6/29/2005, Jack Keller wrote: This is a question that I am curious about, I normally layout everything with #idname but I've noticed here and there different tutorials using div.classname instead for positioning. Both seem to work, the class system seems to work easier, can anyone

RE: [css-d] positioning : classes vs id's

Jack wrote: >This is a question that I am curious about, I normally layout >everything with #idname but I've noticed here and there different >tutorials using div.classname instead for positioning. >Both seem to work, the class system seems to work easier, can anyone >explain the positives and

Re: [css-d] positioning : classes vs id's

> This is a question that I am curious about, I normally layout > everything with #idname but I've noticed here and there different > tutorials using div.classname instead for positioning. > > Both seem to work, the class system seems to work easier, can anyone > explain the positives and/or negat

[css-d] positioning : classes vs id's

This is a question that I am curious about, I normally layout everything with #idname but I've noticed here and there different tutorials using div.classname instead for positioning. Both seem to work, the class system seems to work easier, can anyone explain the positives and/or negatives to

Re: [css-d] Strange behave of FF resize

Bruno Fassino schrieb: For the interested ones, I have reproduced the Gecko behaviour in a minimal test case [2], but I don't think this is even a bug. [2] http://www.brunildo.org/test/test/flinflpercw.html It's interesting to see how Opera7.54, Opera8 and Fx handle that shrink to fit while

Re: [css-d] Firefox link icon glitch

Ingo Chao napisał(a): .entry-text a[href*="http://www.grabun.com";], #content a[href*="http://grabun.com";] { background: transparent; padding-right: 0; } Thanks for the help; have to download this DOM inspector, seems to be very useful tool. Of course, there's no #content DIV in the sourc

Re: [css-d] Quick question

At 02:11 PM 6/29/2005, Jeff Cortez wrote: I can't seem to get the container to draw a box around the inside content, as it compresses down to a single line at the top. I know its something simple that another set of eyes can easily solve. http://jeffcortez.com/volvo/ Jeff, Positioning someth

[css-d] Image replacement broken in IE6/Win

Hi I am trying to put together a fairly exact header for our work's web- site. I'm using 3 divs, and Malarkey Image Replacement - tried FIR but still broke in IE6/Win. The (simplified version of the) web-site is at www.menziesclc.org.uk/ test/index.html I have a header div, which drops in

Re: [css-d] Firefox link icon glitch

Lukasz Grabun schrieb: Hello there, So, there is my page: http://www.grabun.com/blog/ with CSS file here: http://grabun.com/blog/wp-content/themes/chmurka/style.css .entry-text a[href*="http://";] { background: url(/images/glob.gif) center right no-repeat; padding-right: 15px; } .entry-t

[css-d] Quick question

I'm still learning, so please be patient... I can't seem to get the container to draw a box around the inside content, as it compresses down to a single line at the top. I know its something simple that another set of eyes can easily solve. http://jeffcortez.com/volvo/ Thanks in advance... __

[css-d] Hidden from Opera 7 only

Hi list, I need a hack for Opera 7 only. The situation is the following: I have a wrapper as a child of body element, which has a height of 100%, and it's overflow is set to auto. This results in two vertical scrollbars in Opera 7 - Only in Opera 7. Older browsers must not see "body {overflow:

[css-d] Firefox link icon glitch

Hello there, So, there is my page: http://www.grabun.com/blog/ with CSS file here: http://grabun.com/blog/wp-content/themes/chmurka/style.css It is rendered fine, even in IE 6.0, there's one issue though in FF 1.0.4: the little globe and a that tiny box (cloud? whatever) that are located by

RE: [css-d] Strange behave of FF resize

Daniel Doesburg wrote: > http://www.export-lead-platform.nl/2206.0.html?&L=1 > > If you narrow the screen the 2 columns in the big left part > "unfloat". Why? > But, worser, if you make the screen wider again, the columns > refuse the float again. I've not looked at the details (you have at least

Re: [css-d] nested lists

Hey Christian... I wanted to thank you for the awesome links! I have been sitting here and playing with the Son of a Suckerfish set of Dropdowns... They are done really well! The interesting thing, is that despite saying that it is IE friendly,.. their tutorial doesnt work in IE. I am sittng her

[css-d] problem with margin/padding on DIVs

Please take a look at the following page: http://dev.lewisgaleclinic.com/index.cfm/fa/service.listPublic.cfm You will notice that the is butted up against the bottom of the . I have tried adding both a margin-bottom and padding-bottom to the containing the "Associations" and "Downloadable

RE: [css-d] Nested List YADM menu problem with IE

David Boddie wrote: > I've gotten my YADM menu almost complete. It works and looks > great in most browsers, except IE. I'm getting a funny 2-3 > pixel margin at > the top of the nested ULs on the javascript menu. > HTML page http://www.uark.edu/depts/gradinfo/test/gradmockup05a.html You could t

Re: [css-d] Floating images and text in lists

Stu, > Martin, > thanks for your help but im still a little stuck here. Im getting > near somethin in Firefox and Opera, but nothng like it in IE6. Am i > making a basic mistake here? Here's my little testcase. Works in IE 6 and FF on Windows XP SP2. test li a { display: block; backgro

Re: [css-d] a:hover border-bottom not showing up in IE?

Ingo Chao schrieb: Jason Baker schrieb: > ... http://www.onejasonforsale.com/ ... example html: home most relevant css: div#nav { position: absolute; top: 90%; left: 3%; z-index: 2; } div#nav a { color: black; background-color: white; margin: 2em 0.5em; padding: 0.10em 0.30em;

[css-d] nested lists

Hi there.. So for the last 2 weeks, I have been trying to find a good example of nested lists that i can look at that use pure css. I am trying to implement them on my site. I have multiple versions here, none of which i can make work... so i am putting out the call for nested lists.. If you h

RE: [css-d] Floating images and text in lists

Martin, thanks for your help but im still a little stuck here. Im getting near somethin in Firefox and Opera, but nothng like it in IE6. Am i making a basic mistake here? Thanks for your help in advance... ul {margin:0; padding:0} li {list-style-type:none; padding: 0; margin: 0} a {display:

[css-d] Strange behave of FF resize

Look at http://www.export-lead-platform.nl/2206.0.html?&L=1 If you narrow the screen the 2 columns in the big left part "unfloat". Why? But, worser, if you make the screen wider again, the columns refuse the float again. What can I do to avoid this? Daniel ___

Re: [css-d] Styling Form Button

jordan WOLLMAN wrote: I have historically given form buttons a class, but I'm wondering if there's a way to style all form buttons globally. Like using something like "input[button]" which doesn't work. I looked on w3.org and couldn't find what I was looking for. Anyone know how to make this wo

Re: [css-d] A4 Print page

Richard Brown wrote: I need to create an output from a sql database through php to an html doc. The output needs to print out on A4. How can is I find out the css needed to arrange this to happen? You could set up a print style sheet that sets the width of the container on your page to what

Re: [css-d] Floating images and text in lists

stu, > Here is the kind of thing I am trying to create: > > this is some text that could > be really long and should display to the right of the image and not > wrap underneath it if the text is longer than the image in > height > First question: Is it a real link, or do you use the for :ho

RE: [css-d] Floating images and text in lists

Further to my last post, here is a little mock up: img { border: 1px solid black; float: left; } ul {margin:0; padding:0} li {list-style-type:none; padding: 0; margin: 0} p { display: inline} this is some text here so it is to be sure and begosh begorahh isnt it lovely. My main problem

[css-d] Styling Form Button

Hello all. I have historically given form buttons a class, but I'm wondering if there's a way to style all form buttons globally. Like using something like "input[button]" which doesn't work. I looked on w3.org and couldn't find what I was looking for. Anyone know how to make this work? Thanks,

[css-d] Floating images and text in lists

Hi again folks. I am creating lists that contain text and images, with the image needing to float to the left and the text needeing to float to the right. All this image text is wrapped around a href that changes background colour when moused over. I am having numerous difficulties with this - g

Re: [css-d] Float help

On Tue, 28 Jun 2005 18:05:12 -0400, Holly Bergevin <[EMAIL PROTECTED]> wrote: Assuming the problem is in IE/Win (my Mozilla looks fine, as does Opera) please see - http://www.positioniseverything.net/explorer/doubled-margin.html hope that helps, ~holly

Re: [css-d] A4 Print page

On 6/29/05, Richard Brown <[EMAIL PROTECTED]> wrote: > I need to create an output from a sql database through php to an html > doc. The output needs to print out on A4. How can is I find out the css > needed to arrange this to happen? This page from the css-d wiki may help: http://css-discuss.incu

RE: [css-d] Eric Meyer thumbnail gallery

Anyone have a PHP or ASP script that iterates through a file folder for JPEGS/GIFs and populates 's ? Don Makoviney Makovision - Handpicked News For Internet Developers www.makovision.com Free Usability/Web Dev Newsletter www.makovision.com/web-dev-newsletter/ -Original Message- From:

Re: [css-d] horizontal border in a liquid layout

Maren Child wrote: Okay, it works now, thanks very much for your help. But I don't quite understand why it works the way it does and I would really appreciate if you have the time to explain it to me. It's a simple fake - as most CSS-trickery is, and you can see the trickery by adding a borde

Re: [css-d] Overlapping divs

Hi Brett & css-d, On 6/28/05, Brett Lucas <[EMAIL PROTECTED]> wrote: > In a link list I have on my site I have a problem in > Mozilla browsers..The title line(style=searchtitleevent) is wrapping on lower > screen recolutions...and overlapping the next div > (searchvenue) causing an unplanned and a

[css-d] A4 Print page

Hi I need to create an output from a sql database through php to an html doc. The output needs to print out on A4. How can is I find out the css needed to arrange this to happen? Thanks Rich __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Absolutely positioned menu displays in FF but not IE

Hi David & css-d, On 6/29/05, David Wang <[EMAIL PROTECTED]> wrote: > The site I'm working on has an absolutely positioned menu at the top of each > page. However, within the markup, the menu is actually at the end of the > page. The menu (#smenu) shows correctly in Firefox but not in IE. Bizarre

[css-d] Re: tabtastic anchor page offset

On 6/29/05, Guillaume AVELINE <[EMAIL PROTECTED]> wrote: > On the link, you have to add : > onclick="return false" That would break it - the user would no longer be able to copy/paste the address from the address bar to send someone directly to a specific tab. > 2005/6/29, Mark Renn Caluag <[E

Re: [css-d] stop text from wrapping around a floated image?

On 6/28/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > Isnt that what a "clear" is for? Correct me if Im wrong. Clearing ensures a subsequent element appears below a floated element. There's no equivalent horizontally orientated clearing, however margins allow us to mimic this behaviour easil

Re: [css-d] tabtastic anchor page offset

> hello everyone > > im sure most of us here have seen tabtastic > http://phrogz.net/JS/Tabtastic/index.html . i am very impressed by the > simplicity of the library, however whenever you click on a tab, the anchor's > position is changed and in cases where you have a long tab-content, the page >

Re: [css-d] tabtastic anchor page offset

On the link, you have to add : onclick="return false" 2005/6/29, Mark Renn Caluag <[EMAIL PROTECTED]>: > > hello everyone > > im sure most of us here have seen tabtastic > http://phrogz.net/JS/Tabtastic/index.html . i am very impressed by the > simplicity of the library, however whenever you

[css-d] Re: One Header And Footer for Site Using CSS?

On 6/29/05, Debbie Silbert <[EMAIL PROTECTED]> wrote: > My question is this, is there a way to accomplish the original goal of > maintaining the site with one header and footer file using CSS? No. CSS is a language for describing how content should be rendered, not for *including* content. http

[css-d] Re: [css-d _Thanks] Mac/ie5.2-Saf::Win/ie5x

On Tue, 28 Jun 2005 21:57:54 -0400, David Laakso <[EMAIL PROTECTED]> wrote: It's awesome and cool that my grandfather has met people on this list who actually know what they are doing,. Thanks from both of us. Love, Neea Laakso -- http://www.dlaakso.

RE: [css-d] Floating 2 divs side by side that go underneath each otherwhen browser screen shrinks

Thanks for everyones help on this, now I know it can be done I will be playing with this today to see what I can come up with. If my solution is elegant and cross browser, I will be posting it up here to let those who helped see were they got me. This list never ceases to amaze me. -Original