Re: [css-d] Nested divs height nightmare

Aleve Sicofante wrote: > I'm fairly new to CSS and I'm having a hard time understanding how to > set the height of nested divs. Generally: you don't set height on nested divs. Instead you let them expand freely in height so the outer contains the inner. That's what you're asking for, I think. IE

Re: [css-d] Can CSS Help With This Design?

At 11/15/2006 04:33 PM, Robert Tilley wrote: >I wish to produce a page with Header, Left, Center, Right, and Footer divs. >There are templates aplenty that display these properties. > >My addition would be a Description div within the Center column. A >hover menu >would be in the Left div, with e

Re: [css-d] Nested divs height nightmare

I think you should be able to achieve this without absolute positioning. I found this in your styles: #sinreg { font-size: small; height: 48px; width: 163px; top: 160px; position: absolute; left: 4px; visibility: visible; padding-top: 10px; padding-right: 8px; padding-left: 5px; } To get three co

[css-d] Nested divs height nightmare

I'm fairly new to CSS and I'm having a hard time understanding how to set the height of nested divs. I'm using three divs to create decoration. The inner div should set the height of the group. This works fine in IE6 and that's all the customer required at first, but I also want it to work in Fire

Re: [css-d] What!??? Extra space showing up above footer area in IE6???

Maxwell Balmain wrote: > I assume that in this instance it is repeating space rather than > duplicating actual characters? I saw the telltail sign of that bug in your original page. Two letters - "ed" - from "All rights reserved" duplicated onto the space below the original text. So, IE is defi

Re: [css-d] What!??? Extra space showing up above footer area in IE6???

Georg, Thanks! I just recently found out about the "duplicating characters" bug in IE. I learned the hard way I guess. I assume that in this instance it is repeating space rather than duplicating actual characters? I removed some of the comments and it seems to fix things... I will find th

Re: [css-d] Consistent Cross platform font size

On 2006/11/15 14:52 (GMT-1000) david apparently typed: > Christian Heilmann wrote: >> On 2006/11/15 11:49 (GMT-1000) wrote: >>> Better still - stop specifying font sizes and design your pages to >>> accommodate visitor preferences? Just because someone uses a PC doesn't >>> mean you need to incr

Re: [css-d] What!??? Extra space showing up above footer area in IE6???

Maxwell Balmain wrote: > Can someone tell me why IE6 shoes extra space between the bottom of > left content and footer. Other modern bowsers show the spacing > correctly... > > http://maxwellbalmain.com/jordan_index.html It's the IE 'duplicating characters' bug, which is triggered by comments

[css-d] What!??? Extra space showing up above footer area in IE6???

Hi Esteemed CSS gurus, Can someone tell me why IE6 shoes extra space between the bottom of left content and footer. Other modern bowsers show the spacing correctly... Page can be found at http://maxwellbalmain.com/jordan_index.html Thanks, Max ___

Re: [css-d] Why is a horizontal shaded area bigger in IE?

Nicole Aebi wrote: > I've set up a div in my website to be a grey horizontal bar of 10px > in height. It's quite a nice thinish line in Safari and Firefox but > in IE it's this big hulking line - probably twice the height. > The url is www.aebi-moyo.com > I've tried to find an answer but to no

Re: [css-d] Consistent Cross platform font size

Christian Heilmann wrote: >> >> How do folks on this list get font sizes to be the same between macs >> >> and pcs ? >> >> >> >> I could use php/javascript to increase the font size by x% when on >> a pc. >> >> Is there a simpler way that uses plain old css ? >> > >> > Yes: http://developer.yahoo.

[css-d] Can CSS Help With This Design?

I wish to produce a page with Header, Left, Center, Right, and Footer divs. There are templates aplenty that display these properties. My addition would be a Description div within the Center column. A hover menu would be in the Left div, with each item being a different topic. When a menu i

Re: [css-d] Why is a horizontal shaded area bigger in IE?

Nicole Aebi wrote: >Hello >I've set up a div in my website to be a grey >horizontal bar of 10px in height. It's quite a nice >thinish line in Safari and Firefox but in IE it's this >big hulking line - probably twice the height. > >Here's the css: >#horizontalbar { >position:absolute; >width:100%;

Re: [css-d] Consistent Cross platform font size

Well, I probably made this way too complicated, but here the solution I came up with by googling a bit. The solution below allows for some variable substitution WITHOUT altering the CSS file. The body's font-size attribute is dynamically written according to the OS as defined in the user ag

Re: [css-d] Why is a horizontal shaded area bigger in IE?

Nicole Aebi wrote: > I've set up a div in my website to be a grey > horizontal bar of 10px in height. It's quite a nice > thinish line in Safari and Firefox but in IE it's this > big hulking line - probably twice the height. > > Nicole Put something in the division and she'll probably behave for y

Re: [css-d] Problems dynamically styling DOM nodes in IE using Javascript

On 16/11/06, Wes Gamble <[EMAIL PROTECTED]> wrote: > > All, > > Does Element.setAttribute() work in IE? Do I need to address the > attributes > differently perhaps? > > > > newDiv = popup.document.createElement('div'); > newDiv.setAttribute ('id', 'pdf'); > newDiv

Re: [css-d] (no subject)

On 11/15/06, Bradley Wright <[EMAIL PROTECTED]> wrote: > Wes Gamble wrote: > > newDiv = popup.document.createElement('div'); > > newDiv.setAttribute('id', 'pdf'); > > newDiv.setAttribute('style', 'margin-top: 250px; text-align: center;'); > > newDiv.innerHTML = 'Please wait while yo

Re: [css-d] Consistent Cross platform font size

Bradley Wright wrote: > Otherwise I agree with Christian--YUI does it in a really neat way. I also agree! :D YUI fonts is pretty decent way to handle fonts... Not too complicated. -- Wishlist: Switch: BCC?:

Re: [css-d] (no subject)

Wes Gamble wrote: > newDiv = popup.document.createElement('div'); > newDiv.setAttribute('id', 'pdf'); > newDiv.setAttribute('style', 'margin-top: 250px; text-align: center;'); > newDiv.innerHTML = 'Please wait while your forms are > generated'; > popup.document.body.appendChild

Re: [css-d] Consistent Cross platform font size

Graham Anderson wrote: > I could use php/javascript to increase the font size by x% when on a pc. > Is there a simpler way that uses plain old css ? > Say what? PHP? Pray, tell: unless you're referring to HTML? Otherwise I agree with Christian--YUI does it in a really neat way. Brad ___

[css-d] Problems dynamically styling DOM nodes in IE using Javascript

(* Sorry about the email without a subject previous *). All, I have the following Javascript code which is generating a DIV and attempting to style it a certain way. The content comes up, but I can't get the positioning to work at all. I've tried several different approaches (absolute w/offs

[css-d] (no subject)

All, I have the following Javascript code which is generating a DIV and attempting to style it a certain way. The content comes up, but I can't get the positioning to work at all. I've tried several different approaches (absolute w/offsets, etc.). Does Element.setAttribute() work in IE? Do I

[css-d] Why is a horizontal shaded area bigger in IE?

Hello I've set up a div in my website to be a grey horizontal bar of 10px in height. It's quite a nice thinish line in Safari and Firefox but in IE it's this big hulking line - probably twice the height. Here's the css: #horizontalbar { position:absolute; width:100%; height:10px; background-color

Re: [css-d] Consistent Cross platform font size

> >> How do folks on this list get font sizes to be the same between macs > >> and pcs ? > >> > >> I could use php/javascript to increase the font size by x% when on a pc. > >> Is there a simpler way that uses plain old css ? > > > > Yes: http://developer.yahoo.com/yui/fonts/ > > Better still - sto

Re: [css-d] Unwanted underlines in image links (Firefox) :: updated testpages

Chris Ovenden wrote: > Isn't it time we let quirks mode go altogether? You're not making the > most of IE6's already impaired render engine, and inviting a lot of > box model hacks. Quite the opposite, IMO. IE6 just have /different/ impairments depending on mode. Once they're sorted out it's jus

Re: [css-d] Consistent Cross platform font size

Good point - I always leave my font sizes for the body unspecified and then apply percentages to sub-elements. The web is for users. As someone recently pointed out to me, designers tend to have excellent eyesight and subconsciously think everyone can read tiny text. They can't. ___

[css-d] Which IE bug is this -- fieldsets and legend weirdness.

Hi all, I've recently run into a new (to me) bug in IE6 and IE7 regarding fieldsets and legends. I've been bashing my head against my desk for a couple days now and would appreciate it if anybody could let me know what the heck is going wrong. I'm using a position:absolute fix to place the Le

Re: [css-d] float left - text doesn't wrap

Thanks, good tip! I had an H2 inside a FIELDSET which is not allowed. See you Stephan On 11/15/06, Dave Goodchild <[EMAIL PROTECTED]> wrote: > Why do you have so many styles for such a relatively simple page? Looks like > a case of divitus. The float works in IE (you really need to check in that

Re: [css-d] Consistent Cross platform font size

Christian Heilmann wrote: >> How do folks on this list get font sizes to be the same between macs >> and pcs ? >> >> I could use php/javascript to increase the font size by x% when on a pc. >> Is there a simpler way that uses plain old css ? > > Yes: http://developer.yahoo.com/yui/fonts/ Better s

Re: [css-d] Consistent Cross platform font size

> How do folks on this list get font sizes to be the same between macs > and pcs ? > > I could use php/javascript to increase the font size by x% when on a pc. > Is there a simpler way that uses plain old css ? Yes: http://developer.yahoo.com/yui/fonts/ -- Chris Heilmann Book: http://www.beginni

[css-d] Consistent Cross platform font size

How do folks on this list get font sizes to be the same between macs and pcs ? I could use php/javascript to increase the font size by x% when on a pc. Is there a simpler way that uses plain old css ? many thanks g __ css-d

Re: [css-d] float left - text doesn't wrap

Why do you have so many styles for such a relatively simple page? Looks like a case of divitus. The float works in IE (you really need to check in that browser often as you code - if you don't want IE install the IE Tab extension for Firefox). The html is also invalid (160+ errors), and without a

[css-d] float left - text doesn't wrap

Hi there, I am trying to place a box towards the top-left of a page. float: left will be ok for that. But I find the text doesn't flow around it. It is as if it was tabbed to just to the right of the box and keeps on going beyond the box. (ASCII representation:) +--+ Text text text text |

Re: [css-d] Disable CSS for a page fragment

> I'm also not a huge iFrame fan, but I have used the method described on > dynamic drives > link below for dynamic resizing of iFrames in the past. I've not used iFrames at all myself (yet). An iFrame doesn't inherit anything (CSS) in the cascade from the page calling it? If that's the cas

Re: [css-d] Footer that fills to botom of browser window

have you looked at the wiki page yet? http://css-discuss.incutio.com/?page=FooterInfo the one i use most often is from the man in blue. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 inform

[css-d] beginner needs help

Have you checked MaxDesign's Listamatic (http://css.maxdesign.com.au/) or Stu's CSSplay (http://www.cssplay.co.uk/)? Both are excellent sites that provide templates for building menus and other fancy stuff with CSS. Great resources with tutorials and info for beginners (like you and me!)--I've sp

Re: [css-d] Footer that fills to botom of browser window

Chris Ovenden wrote: > Sounds like you need a background image on the body. The problem I've got is that there's a header area with one background. Then the content-body area with a different background Then the "fill-this-space" footer which would be a third... I see a way I make "fake" it b

Re: [css-d] IE and my Site

Carter De Angelis wrote: > Hi, I have developed a site: > > http://www.voiceofcalvaryradio.com/alaska > > It works great in Firefox, but I had to hack it to make it work in IE 6. > (all its supposed to be is 3 boxes with dashed borders) > > IE 7 came and has the same rendering bugs, but the hacks d

Re: [css-d] Visibility vs Display

James Leslie wrote: > I'm running our sites through Cynthia WAI validation and need to put > some characters other than whitespace between adjacent links to pass a > checkpoint. From various bits of reading I have elected to use a pipe > symbol hidden with CSS as a separator. > Based on reading

Re: [css-d] Footer that fills to botom of browser window

Sounds like you need a background image on the body. Something like this: body { height:100%; url(yourpic.jpg) no-wrap bottom left #suitablecolour; } where #suitablecolour blends in to the background image, in case the gap is bigget then the height of your image. Then just let your content be wh

Re: [css-d] IE and my Site

Carter De Angelis wrote: > IE 7 came and has the same rendering bugs, but the hacks don't work. If you're resigned to hacks anyway, you can replace your star hacks with comma hacks - which work for all versions of IE. * html selector {} becomes selector,{} For reasons best known to the almigh

Re: [css-d] Unwanted underlines in image links (Firefox) :: updated testpages

On 11/15/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > I'd generally advice against "quirks mode" in any browser but IE6. > Isn't it time we let quirks mode go altogether? You're not making the most of IE6's already impaired render engine, and inviting a lot of box model hacks. Means abandoni

Re: [css-d] Disable CSS for a page fragment

Scott, I'm also not a huge iFrame fan, but I have used the method described on dynamic drives link below for dynamic resizing of iFrames in the past. http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm Jenine Cordon Center for Teaching Innovation, ITS, UI http://www.its2.uidaho.edu/cti/

[css-d] IE and my Site

Hi, I have developed a site: http://www.voiceofcalvaryradio.com/alaska It works great in Firefox, but I had to hack it to make it work in IE 6. (all its supposed to be is 3 boxes with dashed borders) IE 7 came and has the same rendering bugs, but the hacks don't work. It cuts the top and bottom

[css-d] Visibility vs Display

I'm running our sites through Cynthia WAI validation and need to put some characters other than whitespace between adjacent links to pass a checkpoint. From various bits of reading I have elected to use a pipe symbol hidden with CSS as a separator. My question comes from nearly all of the example

Re: [css-d] Unwanted underlines in image links (Firefox) :: updated testpages

francky wrote: > But in case of html4.01 Transitional without dtd-declaration: > http://home.tiscali.nl/developerscorner/css-discuss/img-and-text-hovering-b.htm > I should go for my 2nd castle, which I like most of all. ;-) Note that such a declaration is the same as "quirks mode" to browsers

[css-d] Footer that fills to botom of browser window

I need a site-wide footer that will completely fill the space from the end of actual content to the bottom of the browser window. Sorta like Everything on the page here (mostly dynamic) Nothing here, just a background image Must extend to browser window bot

Re: [css-d] Disable CSS for a page fragment

In that case you may need to compromise a little and regain control over colour, background-color, padding etc. It would help if we could see some code! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/c

Re: [css-d] Disable CSS for a page fragment

francky, If we had total control over the page I would completely agree with your solution. In this case, we are creating a portlet to plug into our portal. The content that we are producing to plug into the portal layout is several levels deep and very difficult (almost impossible) to isolate w

Re: [css-d] Style a input type="file" field in Firefox?

> In most browsers you can't style the input[type="file"]. > Even styling other form controls creates more problems than anything. > styling_even_more_form_controls/> > with little screenshots. > > Philippe > --- I've been working on a workaround

Re: [css-d] Disable CSS for a page fragment

I would go with the earlier advice and null out all the values you will know apply to that element, using a class called .zeroCSS for example. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 i

Re: [css-d] Disable CSS for a page fragment

An iframe would solve the CSS issues, but introduces other quirks. My biggest objection to using an iframe is that it adds a set of scroll bars inside the middle of the page. I have been able, in the past, to use a little javascript to modify the size of the iframe based on the size of the conten

Re: [css-d] Style a input type="file" field in Firefox?

On Nov 15, 2006, at 9:03 AM, Les Mizzell wrote: > No workie here in Firefox: > > name="myFILE" > class="inpt_txt"> In most browsers you can't style the input[type="file"]. Even styling other form controls creates more problems than anything.

Re: [css-d] Disable CSS for a page fragment

Scott Andrews wrote: >We have a site that embeds an HTML email message inside a page that uses >CSS for layout. Currently, the styles from the containing site are >affecting the display of the embedded message. Is there a way to turn >off CSS and the cascade for content inside a block level elem

Re: [css-d] Table cell problem in CSS

Dave, This is a test of one line of a big table containing lot's of records, did it this way to simplify things. The bigger thing can be found at : http:// 101.rosedev.nl/mrx/ Regards, ROSE Development Silvester Kok On Nov 15, 2006, at 12:28 PM, Dave Goodchild wrote: > Any reason why you'r

Re: [css-d] text and image zoom / halfway

David Hucklesby wrote: >>>On Mon, 13 Nov 2006 00:15:33 +0100, Erik Visser wrote: >>> >>> >>> [...] http://beta.erikvisser.net/24-10/index.shtml http://beta.erikvisser.net/24-10/css/style.css http://beta.erikvisser.net/24-10/css/makeup.css I want the vertical text (ac

Re: [css-d] Table cell problem in CSS

Any reason why you're using tables for this? __ 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

[css-d] Table cell problem in CSS

Hi all, I have a problem with a table layout, the cells should shrink when resizing the window and the text content should not wrap, but should hide automatically. This works fine on FireFox on Mac but in Safari it does not seem to work as expected. Any clues ??? http://101.rosedev.nl/TABLE

Re: [css-d] Style a input type="file" field in Firefox?

Not sure what you're gettint at, but you can use attribute selectors in FF: input[type="file"] { ... } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incuti

Re: [css-d] Disable CSS for a page fragment

Barney Carroll wrote: > Maybe I've misunderstood - are you trying to remove styles called > by/imbedded in the email itself? That'd be a little more finicky, > but I imagine working from the basis of the iframe would already allow > you to work on a sounder conceptual basis from there... Sorry f

Re: [css-d] Disable CSS for a page fragment

Stephan Wehner wrote: > IFrame? An iframe has its own body (I'm not exactly clear on governing factors here), and is effectively a window onto a new page. There are many arguments against frames as general layout practice but in this case it seems completely appropriate - any other method would

Re: [css-d] Newbie to CSS in need of some general advice

There are some good browsers in the market now which run on IPTV boxes, along with Microsoft's webTV browser. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of david Sent: 14 November 2006 20:11 To: css-d Subject: Re: [css-d] Newbie to CSS in need of some ge

Re: [css-d] Headers hugging the bottom (float: bottom)

Chris Ovenden wrote: > I think this is one of those situations where anything you might do > will be a slight compromise. I never will know why vertical-align is > not specced to do this kind of thing. Absolutely bizarre, innit. This is yet another simple layout concept that is available for tabl

Re: [css-d] Unwanted underlines in image links (Firefox) :: updated testpages

Roger Roelofs wrote: >Erik, > >On Nov 10, 2006, at 11:26 AM, Erik Harris wrote: > > >>There are times when I'd like a link to contain both an image and >>text. I >>want the text to be underlined, as usual, but I don't want the >>image to be >>underlined. This works fine in most browsers, b

Re: [css-d] Top of Divs Being Chopped Off in IE 6

Sivakatirswami wrote: > http://www.himalayanacademy.com/resources/ > I'm thinking it is just one or two rules, like "max-width" doesn't > work.. we may need to leave that out. and go back to let the page be > "stretchy" Georg wrote: > IE/win needs #container to have 'Layout'[1], or else '

Re: [css-d] Disable CSS for a page fragment

Scott, Have you considered using an IFRAME to display the message itself? This way the message is a separate document with its own CSS; that is independent of the container page... Jay -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Scott Andrews Sent: T

Re: [css-d] Compressed CSS only loads in Safari?

Well, it was not exactly what I wanted, but it does work. For some reason, putting the header info , text/css, in the php file does not work. Instead, I had to put the below php code directly into my css file. css stuff goes here. .htaccess file: AddHandler application/x-httpd-php .

[css-d] Style a input type="file" field in Firefox?

Using the following: .inpt_txt { width: 350px; border: 1px solid #99; margin: 0 6px 0 8px; padding: 0; font-size: 12px; background-color: #F4F7FD; } Works great here: Works here in IE No workie here in Firefox: Ideas?

Re: [css-d] Compressed CSS only loads in Safari?

Graham Anderson wrote: > I am trying to compress my css files with .htaccess and php. > > For some bizarre reason, Firefox and IE6 refuse to recognize/display > the css > In Safari, everything works fine > An example: http://bravosantamonica.com/dev/bravo/ > .htaccess > AddHandler application/x

Re: [css-d] Compressed CSS only loads in Safari?

I am using version control, with subversion, and wanted to keep all compression to a post-processing thing I have not worked too much with makefile. I could have subversion trigger it when I update. I rechecked my compressor, and it works in Safari and Explorer 6..but does not work in

Re: [css-d] Newbie to CSS in need of some general advice

David Hucklesby wrote: > On Tue, 14 Nov 2006 12:57:40 -, Lee Bettridge wrote: >> I am writing a small web app (for webTV) which will display a >> crosshair image, which the user can move around the screen using the >> remote control. >> [...] [snips] > Hi Lee, > Speaking for myself, I would

Re: [css-d] Compressed CSS only loads in Safari?

Wouldn't it make sense to take this load of the server and compress your css files as a matter of deployment? I use a makefile and keep my (in this case) javascript files in filenames such as name.js.raw The makefile produces a file name.js from name.js.raw which has comments stripped out and (lo

Re: [css-d] Disable CSS for a page fragment

IFrame? Presumably you would only need to undo those styles that "are affecting the display of the embedded message." Maybe those are not that many? Is there more than color, font, background, padding, margin, border, ul, ol, dd,... ? Just about 20 lines or so. It doesn't look like a "poor hack"