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

[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.

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] 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 easily as

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. Bizarrely if

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

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

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

[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 -

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

Further to my last post, here is a little mock up: style img { border: 1px solid black; float: left; } ul {margin:0; padding:0} li {list-style-type:none; padding: 0; margin: 0} p { display: inline} /style div style=width: 160px;border: 1px solid black; ul lia href=#img src=blah.jpg width=40

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

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

[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] a:hover border-bottom not showing up in IE?

Ingo Chao schrieb: Jason Baker schrieb: ... http://www.onejasonforsale.com/ ... example html: div id=nav a href=front.htmlhome/a /div most relevant css: div#nav { position: absolute; top: 90%; left: 3%; z-index: 2; } div#nav a { color: black; background-color: white; margin: 2em

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 try

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

[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

[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:

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; }

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

[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

[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: div class=clearnbsp;/div and the css for it looks like this: .clear { display : block; clear: both; height: 0em; margin :

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

From: Will Merrell div class=clearnbsp;/div .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

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

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:

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 height

[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

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 css-d@lists.css-discuss.org 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.