[css-d] Two fluid equalizing columns, hack free

Is it possible to create a layout of two columns, where: a) they equalize - that is, the shorter (height) col expands to the height of the larger one (EG the default behavior of table rows, all td's are the height of the largest td in the tr) b) they are fluid - that is, widths are specified in pe

Re: [css-d] List styling... FF vs. IE

Hi Geoffrey - I messed with your code a bit and came up with this. .squareNoIndent { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #66; margin: 0px 0px 15px 0px; padding: 0px; list-style: none; } .squareNoIndent li { bac

[css-d] CSS Editor

Can anyone recommend a good cheap(free) CSS editor? I like the way Dreamweaver has auto-complete/hint but I don't like firing it up just for that. TIA __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo

RE: [css-d] Insert line break using css?

> From: Jeff Chastain > > I have a set of HTML markup that consists of 4 span tags in a row ... > > span 1 > span 2 > span 3 > span 4 > > In one layout, I need the four tags to be on a single line > next to each > other. In the second layout (different stylesheet), I need >

RE: [css-d] Insert line break using css?

That was what I was looking for. Thanks. -- Jeff _ From: Wayne [mailto:[EMAIL PROTECTED] Sent: Wednesday, July 06, 2005 9:26 PM To: Jeff Chastain Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Insert line break using css? On 7/6/05, Jeff Chastain <[EMAIL PROTECTED]> wrote: I

[css-d] IE issue - Max-width

Internet Explorer always presents me with challenge. The current issue involves emulating max-width in IE using the technique described by Svend Tofte. http://www.svendtofte.com/code/max_width_in_ie/ The CSS code uses javascript expressions and feeds the browser's width to the style. The CSS code

Re: [css-d] Insert line break using css?

On 7/6/05, Jeff Chastain <[EMAIL PROTECTED]> wrote: > > In the second layout (different stylesheet), I need the 4th tag to > drop down and be on its own line. Is this possible to do using css only > without changing the markup? > You should be able to do this like the following: #span4 { displa

[css-d] Insert line break using css?

I have a set of HTML markup that consists of 4 span tags in a row ... span 1 span 2 span 3 span 4 In one layout, I need the four tags to be on a single line next to each other. In the second layout (different stylesheet), I need the 4th tag to drop down and be on its own line.

Re: [css-d] vanishing text

Arnie Shafer wrote: I know this bug has been discussed, but I cannot find the fix. Scrolling down and back fixes it temporally. Guess you mean parts of the main text is disappearing in IE/win on your site? http://abshafer.com/ show this bug. This does fix it in my IE6: /* Hides from IE-mac \

[css-d] vanishing text

I know this bug has been discussed, but I cannot find the fix. Scrolling down and back fixes it temporally. Thanks for your help. Arnie Shafer __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] percentage width of absolute positioned elements.

Ian Skinner schrieb: What is the rule here? If one has a absolutely positioned element can it be dimensioned with percentage measures? If so, what would the measurement be a percentage of? http://www.w3.org/TR/CSS21/visudet.html#containing-block-details The percentage width shall be calcul

RE: [css-d] Check site nav

Schalk, Couple things: If you remove the padding from #nav ul li, it solves the problem, but creates another. The best solution I found was to use the styling you have on #nav ul li for #nav ul li a... as such: #nav ul { margin:0; padding:0; text-align:center;

[css-d] Help with overlap background image in IE

All, I am working on a site design with rounded corners. I am using a simple but imperfect approach to get my rounded corner graphics. I set a DIV to have a repeating background, and then add (one at the top and one at the bottom) a div tag that contains the rounded corners. I've used this befo

[css-d] Check site nav

Greetings All! Please have a look at the navigation for the site at: www.volume4.com/pattersonpruden/index.html For some reason I cannot get the red to fill the entire area on hover. Any ideas, suggestions or pointers welcomed. -- Kind Regards Schalk Neethling Web Developer.Designer.Programme

[css-d] 2 col layout, left - fixed width, no float (?)

A layout I'm working on right now uses these classes to position a vertical nav bar to the left of my content: .parentLeft {float: left; width: 190px; height: 500px; margin: 10px 0 10px 5px;} .parentRight {margin-left: 205px; height: 500px; margin: 10px 10px 10px; 0} This works really well, until

Re: [css-d] Vanishing block from FF [SOLVED]

OK, used different clearing method can you explain? http://www.positioniseverything.net/easyclearing.html - with :after have deleted overflow:auto Indeed, it wasn't needed with this method. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com

RE: offlist Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

Other than differences in the base font sizes I don't see any differences between IE6win and Firefox 1.0.4. Dennis -Original Message- From: Daniel Doesburg [mailto:[EMAIL PROTECTED] Sent: Thursday, June 30, 2005 3:30 PM To: Ingo Chao; css-d@lists.css-discuss.org Subject: Re: offlist Re:

Re: offlist Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

On 6/30/05, Daniel Doesburg <[EMAIL PROTECTED]> wrote: > Ingo Chao schreef: > > Daniel, > > If it is not too much trouble, could you please move your code to your > > site and provide just an URL? > > > > Yes of course, I am willing to do all what's necessary to solve it. I've been tangentially f

[css-d] percentage width of absolute positioned elements.

What is the rule here? If one has a absolutely positioned element can it be dimensioned with percentage measures? If so, what would the measurement be a percentage of? The parent element before the item was moved out of the normal flow with position: absolute? I am having trouble where I wan

Re: [css-d] Vanishing block from FF [SOLVED]

Jan Brasna schrieb: OK, used different clearing method in the navigation and now it works even in those older Geckos. can you explain? Just in case we see this bug again somewhere? I see you have deleted overflow:auto. __ cs

Re: [css-d] Vanishing block from FF [SOLVED]

OK, used different clearing method in the navigation and now it works even in those older Geckos. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/ma

Re: [css-d] Vanishing block from FF

I've done some testing... Opera 7.54 and 8.01 fine IE 6 fine Safari 2.0 and 1.2.4 fine Camino 0.8.4 fine, but 0.8.2 does it too FF 1.0 OSX the same error -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com __ css

Re: [css-d] Need help with an IE Bug

> Yes, its the IE-only Duplicate Characters bug. See this page at Position Is > Everything for an explanation and fixes. > > http://www.positioniseverything.net/explorer/dup-characters.html > > Regards, > Ron Thanks Ron. I've tried just about every trick on that page and I still get the duplica

Re: [css-d] Floating Sidebar

Mr. Kim Siever wrote: http://www.uleth.ca/man-int/test.shtml What I would like to do is to make the "sidemenu" container float to the left of the rest of the content of the "content" container. div#sidemenu ul { list-style-type : none; margin : 0 0 -1000px -217px; <-- changed for Safari padd

[css-d] trouble with image gallery

I am having trouble with my thumbnail image gallery alligning correctly and the rollover effect to work correctly. I am previewing on Mozilla Mac and everything is screwy. the page is here http://www.inspired-evolution.com/Graphics.php the CSS is at http://www.inspired-evolution.com/Gilbert.css

Re: [css-d] Vanishing block from FF

Jan, can you test whether the problem still exists when you delete overflow: auto, just to test if it is related to overflow? Thanks Ingo, but no effect. And it seems to happen on pages which don't show a vertical scrollbar only There are many pages shorter, many longer, but only this one ha

Re: [css-d] Vanishing block from FF

And it seems to happen on pages which don't show a vertical scrollbar only, so the a. p. nav might need a redraw. Or a height? Ingo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ

Re: [css-d] Vanishing block from FF

Jan Brasna schrieb: Hi all, I've experienced a problem with http://www.zbiroh.com/ in FF 1.0.4 WXP, where on some pages the menu is missing. Eg. if I enter http://www.zbiroh.com/sluzby/ the menu isn't there. If I refresh it, it appears back. XHTML and CSS are valid, others browsers and pages

[css-d] Floating Sidebar

Hi all, I have the following code at http://www.uleth.ca/man-int/test.shtml About International Programs Exchange Partners Study in Lethbridge Study Abroad Work Abroad Photo

[css-d] Vanishing block from FF

Hi all, I've experienced a problem with http://www.zbiroh.com/ in FF 1.0.4 WXP, where on some pages the menu is missing. Eg. if I enter http://www.zbiroh.com/sluzby/ the menu isn't there. If I refresh it, it appears back. XHTML and CSS are valid, others browsers and pages look fine. Have you

Re: [css-d] RE: Content being duplicated elsewhere onscreen - I want it!

Brian, you asked: > > Is there any way CSS can take a section of the mark-up and > have the browser render it twice? Not a CSS solution, but take a look at Server-Side Includes: To bring this back on-topic, I suggest putting just the UL in an "inc

[css-d] List styling... FF vs. IE

Hello, I'm trying to style lists in a site I am developing, with some of the components being links, and some being plain text. Since I don't want to deal with adding s all over the place, I am replacing the bullet with a square red dot. It renders fine in FF, but looks pretty bad in IE. I've tri

Re: [css-d] IE/Mac Site check needed

On Jul 6, 2005, at 8:19 AM, Michael Palmer wrote: I've got a site which I've heard has some trouble in IE / Mac. I'd really appreciate it if someone could tell me what the problem is (since I don't have a mac) and if possible, even suggest a solution. URL: http://www.beng.com.au Seems to

RE: [css-d] SOLVED: Margin Problem in IE

> From: Vincent Hide > Subject: [css-d] SOLVED: Margin Problem in IE > I have solved the issue. It was not IE, it was me (I can be just as > annoying). The h1#pagetitle element was causing the issue. I > replaced it > with something with no in built padding (ie. just a normal div). Vincent, You

Re: [css-d] Getting two columns the same height...

Richard Freeman wrote: Hi, Is there any way I can get these two columns to be the same height ? This has been discussed on the Wiki: http://css-discuss.incutio.com/?page=AnyColumnLongest maybe one of those discussions is right for you? __

RE: [css-d] Help with liquid layout

I think if I were starting from scratch, (and next time I will) I would look more closely at the faux column suggestion. I read that and for what I was trying to accomplish it would have required a substantial rewrite. For now the "display:table" solution will be a nice patch. Thanks for the hel

[css-d] Getting two columns the same height...

Hi, Is there any way I can get these two columns to be the same height ? I am using borders to get the outlines rather than images and negative margins to line them up. Would I have to use javascript to do this? Yours, Richard -- No virus found in this outgoing message. Checked by AVG An

[css-d] SOLVED: Margin Problem in IE

Hi All, Apologies for wasting time. I have solved the issue. It was not IE, it was me (I can be just as annoying). The h1#pagetitle element was causing the issue. I replaced it with something with no in built padding (ie. just a normal div). Thanks, Vince __

[css-d] Margin Problem in IE

Hi Guys, The following page: http://www.storesprite.org/lamp/company/contact.phtml Layout is exactly how I want it to be in Firefox et al. However, IE as always is causing me stress! The right column appears to be pushing the left (content) downwards on account of IE incorrectly calculating th

Re: [css-d] hide Javascript using CSS?

Thanks for your help, Christian. On 06/07/05, Christian Heilmann <[EMAIL PROTECTED]> wrote: > > Hi > > > > On this site I have some Javascript which displays a different DIV > > depending on what left menu option is hovered over. There's also a > > stylesheet switcher for a high-contrast version.

Re: [css-d] Help with liquid layout

Gunlaug Sørtun wrote: Gary Turner wrote: Putting it on .content only did not extend the left column, which I think the OP wanted ({height: 100%;}). Did I miss something in your suggestion? Don't know, but according to the original request: "In IE, it looks and functions exactly as it shoul

Re: [css-d] hide Javascript using CSS?

> Hi > > On this site I have some Javascript which displays a different DIV > depending on what left menu option is hovered over. There's also a > stylesheet switcher for a high-contrast version. > > In the high contrast version, I want all the previously hidden DIVs to > display by default, with

[css-d] css menu display problem in IE6

I am constructing a CSS menu within a table cell in Dreamweaver. When viewed from within Dreamweaver and Firefox the vertical space between each list button is a couple of px but when viewed in IE6 the space between is the height of an entire button. How do I close up the space between buttons i

[css-d] hide Javascript using CSS?

Hi On this site I have some Javascript which displays a different DIV depending on what left menu option is hovered over. There's also a stylesheet switcher for a high-contrast version. In the high contrast version, I want all the previously hidden DIVs to display by default, without the need to

[css-d] IE/Mac Site check needed

Hi, I've got a site which I've heard has some trouble in IE / Mac. I'd really appreciate it if someone could tell me what the problem is (since I don't have a mac) and if possible, even suggest a solution. URL: http://www.beng.com.au The site works as planned in: Firefox / PC, IE 5.5+ / PC, Sa

Re: [css-d] Floats on Top of Absolutes and Horizontal Nav Woes

Thank you so much for that, dear Ingo. It worked like a charm. How bizarre. Many thanks again, Leigh . . . Leigh Baker-Foley mailto:[EMAIL PROTECTED] http://nodltd.com/ tel: 207-244-9088 > > From: Ingo Chao <[EMAIL PROTECTED]> > Date: Wed, 06 Jul 2005 14:06:32 +0200 > To: Leigh Baker-Foley <[EMAI

Re: [css-d] Floats on Top of Absolutes and Horizontal Nav Woes

Leigh Baker-Foley schrieb: Working stage: http://8.3.8.136/ ... Opera rendered everything perfectly, however it added a 2-3px padding to the left of the image. 3. How do I eliminate the extra image padding in ... Opera ...? Deleting the align="left" fixes this problem at my end (Opera 8.0

RE: [css-d] Floated Boxes Jumping in IE

Thanks very much Bruno...much appreciated..I feel as though I have learned another piece of the CSS puzzle! Regards Brett --- Bruno Fassino <[EMAIL PROTECTED]> wrote: > Brett Lucas wrote: > > > I have a problem with rendering in IE of a series > of > > boxes containing textin a liquid layout. > >

Re: [css-d] Help with liquid layout

Gary Turner wrote: Putting it on .content only did not extend the left column, which I think the OP wanted ({height: 100%;}). Did I miss something in your suggestion? Don't know, but according to the original request: "In IE, it looks and functions exactly as it should..." I just added what w

[css-d] Nav List Trauma fixed

Hello again all, In case you wanted to know or might have been looking at my code til your eyes crossed, I fixed all but the Opera padding issue with this: float: left; clear: both; added to the navtop UL... I am so happy and yet chagrinned at once. Thanks again! Leigh . . . Leigh Baker-Foley mail

Re: [css-d] Help with liquid layout

Gunlaug Sørtun wrote: Gary Turner wrote: And .contentarea too, I think. No? No need for that in that page :-) Putting it on .content only did not extend the left column, which I think the OP wanted ({height: 100%;}). Did I miss something in your suggestion? cheers, gary -- Anyone can

Re: [css-d] Help with liquid layout

Gary Turner wrote: And .contentarea too, I think. No? No need for that in that page :-) regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d Lis

Re: [css-d] IE5/Win Floated UL Postion Issue

Brian Middleton wrote: Here is the url: http://redplaidshirt.com/nu/css.html Also, I noticed that in IE5 and IE6 on Windows that there is a slight indent on the content text right next to the UL. Any ideas on what might be causing that? That's the infamous 3-pixel-jog. See

[css-d] Floats on Top of Absolutes and Horizontal Nav Woes

Hello all, (I am on a Mac running OSX 10.3.9 and have test in the latest browsers. Relevant XHTML and CSS pasted below. Code and style validated at the W3C validators.) Working stage: http://8.3.8.136/ Working CSS file: http://8.3.8.136/style/ief001.css My horizontal CSS nav laid out perfectly i

Re: [css-d] Help with liquid layout

Gunlaug Sørtun wrote: .content {display: table;} ...that'll make it work just fine in Mozilla/Firefox, Opera and Safari too :-) regards Georg And .contentarea too, I think. No? cheers, gary -- Anyone can build a usable web site. It takes a graphics designer to make it slow, confusi

[css-d] IE5/Win Floated UL Postion Issue

Hello - I am putting together a very simple webpage and am having an issue with IE5/Win. I have a styled UL and it looks fine in IE5/Win, however, it is approx. 10-15px to the right of where it should be and I can't figure out why. I was hoping someone could shed some light on the matter

Re: [css-d] RE: Content being duplicated elsewhere onscreen - can of worms!

At 11:44 PM 7/5/2005, Christian Heilmann wrote: Well, the web is not print and there is no pagination, as the display size is unknown. All it is is linked documents. Think of the web document as a .txt file, the CSS as the .dot. The headers and Footers are added by Word as an application, and th

Re: [css-d] Help with liquid layout

John Goodwyn wrote: http://ver5.elliswyatt.com/billue/default.aspx?id=2. In IE, it looks and functions exactly as it should but in Mozilla the left nav background image doesn't continue to flow with the content and the wrapping content shifts to the left instead of continuing as one column do

[css-d] Re: Help with liquid layout

On 7/6/05, John Goodwyn <[EMAIL PROTECTED]> wrote: > Can someone > point me in the right direction on this? > http://webhost.bridgew.edu/etribou/layouts/index.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailm

Re: [css-d] Help with liquid layout

John Goodwyn wrote: I have a site that I'm building with a liquid layout format - http://ver5.elliswyatt.com/billue/default.aspx?id=2. In IE, it looks and functions exactly as it should but in Mozilla the left nav background image doesn't continue to flow with the content and the wrapping content

Re: [css-d] RE: Content being duplicated elsewhere onscreen - can of worms!

> I like to think of content and style as separate as possible, and I also > like to think that a piece of content that gets reused throughout some > presentation should not need to be repeated in the content, but that the > presentation layer should handle it. > > This is the way headers and foot