[css-d] good in Safari, all other browsers giving me major errors

I re-designed my entire site in CSS, and didn't realize that Explorer and Mizilla would render the site S differently. The site is www.olystudio.com Please view in Safari to see the correct version and INCORRECT version that I now have in Explorer. This is kind of an emergency because it h

Re: [css-d] Question about EM's

Al Sparber wrote: > Traditions that count are dying. Horizontal scrollbars as "tradition" > is trite. I could be closer to your grandfather's age than to yours, > and my vision is no longer perfect. Constraining content to the > horizontal viewport over the ability to actually read comfortably

Re: [css-d] Question about EM's

Al Sparber wrote: > From: "Gunlaug Sørtun" <[EMAIL PROTECTED]> >>> http://www.projectseven.com/products/menusystems/tbm/demos/design_grunge.htm >>> >> In Opera: working just fine down to around 300px window-width, but >> that navigation becomes less user-friendly. Nice linear look on >> narrow

Re: [css-d] Site Check Internet Explorer

Richard Brown wrote: > I thought this design was finished but I am advised that when looking > at it in Internet Explorer the text is to small to read and the right > column drops down. I _do_ get a longer right column in MSIE than in mozilla (I'll send you screendumps), but it looks quite OK t

Re: [css-d] Question about EM's

From: "Jesper Brunholm" <[EMAIL PROTECTED]> > You do not have those problems when testing your site in big fonts, > as you've already seen it with medium font size! But let my granddad > enter the site (he's the one who needs the big font, and might have > it as default in his browser), and you

Re: [css-d] Question about EM's

Al Sparber wrote: >>IMO however, that method will only work well if it is applied in >>such a >>way that those lines stay within the browser-window and don't >>provoke a >>horizontal scroll-bar, which is what you also are saying if I >>interpret >>you correctly. > > This is where I'm confused.

[css-d] Site Check Internet Explorer

Hi Guys I thought this design was finished but I am advised that when looking at it in Internet Explorer the text is to small to read and the right column drops down. Could someone just look to confirm for me please that this site is alright. I think what has happened is that the person lookin

Re: [css-d] css positioning--revised url

ron zisman wrote: >posted earlier with url missing extension...sorry > >trying to contain #content (red border) within #outer (blue border). > > >http://www.ricochet.org/flippingpixels/movies/movie.index.html > >sorry for the misspost > > > Ron, Just a typo, I guess? should read: and I think t

Re: [css-d] css positioning--revised url

ron, On Dec 19, 2005, at 11:05 PM, ron zisman wrote: > posted earlier with url missing extension...sorry > > trying to contain #content (red border) within #outer (blue border). > http://www.ricochet.org/flippingpixels/movies/movie.index.html The validator is your friend. It found your problem

Re: [css-d] Question about EM's

From: "Gunlaug Sørtun" <[EMAIL PROTECTED]> >>> The bottom line is that em-based dimensions doesn't have to fight >>> visitors preferences and available browser-options. Em-based >>> dimensions can be used intelligently within the framework of >>> improved usability for all visitors. >> >> >> I

[css-d] creating graphical hyperlinks with mouseover in CSS

About a year and a half ago I created a cross-browser CSS-based horizontal menu bar with changing images on mouseover at http://url123.com I have a new project where a vertical menubar comprised of graphics that must change on mouseover is required. What are the latest "best practices" with regar

Re: [css-d] Question about EM's

Al Sparber wrote: > From: "Gunlaug Sørtun" <[EMAIL PROTECTED]> >> The bottom line is that em-based dimensions doesn't have to fight >> visitors preferences and available browser-options. Em-based >> dimensions can be used intelligently within the framework of >> improved usability for all visit

[css-d] css positioning--revised url

posted earlier with url missing extension...sorry trying to contain #content (red border) within #outer (blue border). http://www.ricochet.org/flippingpixels/movies/movie.index.html sorry for the misspost __ css-discuss [EMAIL

[css-d] css positioning issue_mac & pc

newbie positioning issue http://www.ricochet.org/flippingpixels/movies/movie.index issue: the #outer div (red) is not containing the #content div (blue). it seems to want a clearing element after closing content and before closing outer (in my mind) something is eluding me. css in the head--si

Re: [css-d] Question about EM's

From: "Gunlaug Sørtun" <[EMAIL PROTECTED]> > Em based dimensions has to be on topic on css-d, if this list shall > have > any credibility at all in real world web development. > > An em-based dimensions may work quite well in that it keeps > letters/words pr. line quite stable - regardless of fon

Re: [css-d] Question about EM's

Jan Brasna wrote: > I understand it exactly the same way; em-sizing acts very similar to > Opera's overall zoom (excluding px sized items like images and/or > backgrounds), achieved only by bumping up the text size. Correct, but only if sites are preventing re-scaling to window-width. They don't

Re: [css-d] Question about EM's

Al Sparber wrote: > From: "Gunlaug Sørtun" <[EMAIL PROTECTED]> > >> A site that demonstrates a pretty good em-sized design-method is >> which relates to window-width >> while scaling with em-sized max-width. IE/win doesn't understand >> anything when it comes to

Re: [css-d] Strange formating of input button

- Original Message - From: "Daniel Liljeberg" Sent: Tuesday, December 20, 2005 3:07 PM Subject: [css-d] Strange formating of input button : I have used input buttons, but with images in a few places on my site. : However, now I was going to change it to text links, but instead of creati

Re: [css-d] Making whole of navigation list item area clickable inIE

From: Paul Jinks <[EMAIL PROTECTED]> >Steve Clason wrote: >> ul#navlist li a { >> display: block; >> width: 100%; /* new */ >> padding: 0.2em; >> border-width: 1px; >> border-color: #ffe #aaab9c #ccc #fff; >> border-style: solid; >> color: #EAF5F7;

[css-d] Strange formating of input button

Hi I have used input buttons, but with images in a few places on my site. However, now I was going to change it to text links, but instead of creating a normal href and using javascript to submit my form I thought I could just style the input buttons to look like text. I got close, but not all

Re: [css-d] http://www.timbenzinger.com/

>>It's some DOM magic > AJAX comes to mind. No, it doesn't, since there's no XML or XmlHttpRequest AFAIK, so it's pure DOM manipulation. You should read ;) We're (I'm) again off topic, so I suppose Bob, Eric or Ale

[css-d] Safari renders a horizontal dropdown block off by one...

I have an odd off-by-one problem with Safari 1.3.1 in this page: http://cvs.new.wykids.org/ with stylesheets at http://cvs.new.wykids.org/stylesheets/main.css http://cvs.new.wykids.org/stylesheets/ie.css The menu links that contain sublists hover out and line up precise

Re: [css-d] http://www.timbenzinger.com/

On Dec 19, 2005, at 5:06 PM, Jan Brasna wrote: > It's some DOM magic AJAX comes to mind. On Dec 19, 2005, at 5:02 PM, Christian Heilmann wrote: > An effect like the one on this page could be easily done with moo.fx > http://moofx.mad4milk.net/ Breaks horribly in/on IE/Mac. :( -- ¸.·´¯`·.¸¸><(

Re: [css-d] http://www.timbenzinger.com/

It's some DOM magic, you can explore the code yourself. It is similar to Shaun Inman's menu and search. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.

Re: [css-d] Question about EM's

> The whole idea of using ems would seem to me to favor spawning horizontal > scrollbars to keep text columns at a readable proportion. I understand it exactly the same way; em-sizing acts very similar to Opera's overall zoom (excluding px sized items like images and/or backgrounds), achieved o

Re: [css-d] http://www.timbenzinger.com/

> I came across this very nice Portfolio site and he uses something real cool > when you click "About this Project". > http://www.timbenzinger.com/ > Is that some css magic in there? Does anyone know how that is done? The link clearly states "javascript:void(0)" which is quite a good indicator tha

Re: [css-d] Browser Check: Mac especially (NTKN)

Reese wrote: >http://inkworkswell.com/clients/testing/index.html > >If it deviates much from this: >http://inkworkswell.com/clients/testing/images/screenshot.gif >we would like to know about it. > > I regret it does not deviate from that. xp_sp2, ie6.0, 128

Re: [css-d] http://www.timbenzinger.com/

Which bit did you like? The "it takes 3 hours to load" part or the moo.fx javascript trickery. w MocaLoca wrote: >I came across this very nice Portfolio site and he uses something real cool >when you click "About this Project". >http://www.timbenzinger.com/ > > >Is that some css magic in there

Re: [css-d] Question about EM's

From: "Gunlaug Sørtun" <[EMAIL PROTECTED]> > A site that demonstrates a pretty good em-sized design-method is > which relates to window-width while > scaling with em-sized max-width. IE/win doesn't understand anything > when > it comes to em-sized max-width, but t

[css-d] http://www.timbenzinger.com/

I came across this very nice Portfolio site and he uses something real cool when you click "About this Project". http://www.timbenzinger.com/ Is that some css magic in there? Does anyone know how that is done? Thanks, Moca _

Re: [css-d] Question about EM's

Schalk wrote: > The layout will be liquid and should stretch to fill the screen at > whatever resolution? Looking forward to everyones thoughts on this. Sounds good, and can be achieved by using 'em' and '%'/'auto-width' together. tedd wrote: > I explain the technique at: http://www.sperling.com

[css-d] IFrames and Styles

Sorry, I posted this in the wrong topic from an e-mail I was using the CSS address from. I also forgot to include the applicable code: Hello all, I have a question about iframes and styles. I am getting a weird redraw problem on IE after another window passes over the iframed divs in question or w

Re: [css-d] Background image

Stephen Kortz wrote: > If you had a rule: > > div imagecaption { > background: #036 url(gradient.gif) repeat-X 0 100%; > } > > And the background image is going to be a gradient that is 1px in height, > how does the gradient know how tall to be? > If your gradient is oriented vertically (tal

Re: [css-d] CSS and Ad Impressions

Hello all, I have a question about iframes and styles. I am getting a weird redraw problem on IE after another window passes over the iframed divs in question or when the browser goes back or forward to other pages and then back to the iframe page. We are getting it on multiple computers. Are there

Re: [css-d] Making whole of navigation list item area clickable in IE

On 12/19/2005 4:34 PM Paul Jinks wrote: > Steve Clason wrote: > > I gave "ul#navlist li a" a 100% width and it seemed to work OK locally. > Hi Steve, > Are you viewing this in IE6 for windows? On my machine, if I set width > at 100%, this moves the last nav link down a line. In FF, makes no >

Re: [css-d] Making whole of navigation list item area clickable in IE

Steve Clason wrote: > I gave "ul#navlist li a" a 100% width and it seemed to work OK locally. > > > ul#navlist li a { > display: block; > width: 100%; /* new */ > padding: 0.2em; > border-width: 1px; > border-color: #ffe #aaab9c #ccc #fff; > border

[css-d] Background image

If you had a rule: div imagecaption { background: #036 url(gradient.gif) repeat-X 0 100%; } And the background image is going to be a gradient that is 1px in height, how does the gradient know how tall to be? Thanks, Stephen __

Re: [css-d] Question about EM's

Schalk: I use em's all the time. Oddly enough the only time I use a different measurement is for font sizes, where I use x-small, small, medium, large, x-large. That way I don't have to worry about nesting em's. Like nesting percentages, they accumulate (i.e., 80% of 80% is not 80%). Also, yo

[css-d] Question about EM's

Greetings All When putting together a site/application, is it possible and reasonable to use EM throughout or are there situations where percentages or pixels are better suited? Like for instance in setting the widths of 'columns'? The layout will be liquid and should stretch to fill the screen

[css-d] Browser Check: Mac especially (NTKN)

http://inkworkswell.com/clients/testing/index.html This is a bare design, no content filled in (besides a little lorem ipsum). We are especially asking for MacIE, Safari, Camino, and any other Mac browser users to take a look and let us know what you see. All feedback is good, even if you only lo

Re: [css-d] Reassurance or otherwise required for first efforts in CSS!

David Laakso wrote: > Samatason Ltd wrote: > >> I want to switch to CSS for laying out my websites but am very >> nervous I am >> doing it wrong! I wondered whether anyone might have a moment to >> check out >> my first efforts to see if I am on the right lines! >> >> > I know that feeling. >

Re: [css-d] Blocks wrapping

> For a more serious explanation, take a look at: > < http://css.maxdesign.com.au/listamatic/about-boxmodel.htm > > > To avoid such problems in the future, don't use left and > right paddings on an containing block with a fixed width, > and use left and right margins for child elements, instead.

Re: [css-d] Blocks wrapping

On 19.12.2005 19:11, MARG wrote: > Hi, > > If you be so kind to visit: > http://www.tuxdoit.com/www-install.html > > Why is the right pane below the left one (the menu) ? > Eric Shepherd gave the right answer already. The real culprit is the [censored] css box model. Imagine, you have a ga

[css-d] [Fwd] Re: Reassurance or otherwise required for first efforts in CSS!

I'm forwarding this mail coz I've noticed it was sent directly to me (and only to me), instead to the list. Sorry if I was mistaken though... This is a reply from Ian Anderson. Rizky wrote: the content of master-import.css @import url(main.css); @import url(about-page.css); @import url(prof

[css-d] Fwd: Blocks wrapping

--- MARG <[EMAIL PROTECTED]> wrote: > Why is the right pane below the left one (the menu) I changed the .block2 width to 63% and it jumped up where I think you were looking for it to be. I didn't bother to do all the math but I think all your paddings are adding too much width. good luck. Bri

Re: [css-d] Making whole of navigation list item area clickable in IE

On 12/19/2005 12:10 PM Paul Jinks wrote: > I have a top horizontal nav list css as follows. > > > > and so on. > > This divides the top nav area into 4 areas for 4 links. In FF, the whole > of each of these is clickable. In IE6, only the text is clickable. I've > tried to

Re: [css-d] Blocks wrapping

Also you have your #wrapper set to "display: table". I don't see the need for this and think it's contributing to your layout problems. kenny __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List

[css-d] Making whole of navigation list item area clickable in IE

Hi I have a top horizontal nav list css as follows. and so on. This divides the top nav area into 4 areas for 4 links. In FF, the whole of each of these is clickable. In IE6, only the text is clickable. I've tried to get round this by setting a width for , either with px

Re: [css-d] Blocks wrapping

Your padding adds to the widths you have declared - padding (except in IE in quirks mode) is not part of the declared box width. So, a 70% box with 5% padding added is really 80%. Adjust your sizes and padding so that their total is 99%, and you will be fine. Also, FWIW, I'd consider adjusting you

Re: [css-d] Three column layout check

Bob Boisvert wrote: >David L. and everyone, > > >This may help? >Change body with these additions and deletion: > > >Thanks for the help and suggestions I did make some of the recommended >changes and I where the changes can make a difference. > >The changes: >http://www.sarjen-webdesign.com/testi

[css-d] Blocks wrapping

Hi, If you be so kind to visit: http://www.tuxdoit.com/www-install.html Why is the right pane below the left one (the menu) ? Any help would be apreciated. Warm Regards, MARG __ css-discuss [EMAIL PROTECTED] http://www.css-disc

Re: [css-d] Three column layout check

David L. and everyone, This may help? Change body with these additions and deletion: Thanks for the help and suggestions I did make some of the recommended changes and I where the changes can make a difference. The changes: http://www.sarjen-webdesign.com/testing/css/threecol.html Thanks for

Re: [css-d] Reassurance or otherwise required for first efforts in CSS!

Samatason Ltd wrote: >The page is at http://www.samatason.co.uk/clients/tc/ > >And the css is at http://www.samatason.co.uk/clients/tc/css/tc.css > > looks fine to me, but there isn't much to comment for anyway :-P About the file separation. If a certain page needs (many) specific stylesheet

[css-d] Reassurance or otherwise required for first efforts in CSS!

Firstly may I say "hi to everyone...!" I want to switch to CSS for laying out my websites but am very nervous I am doing it wrong! I wondered whether anyone might have a moment to check out my first efforts to see if I am on the right lines! The page is at http://www.samatason.co.uk/clients/tc/

Re: [css-d] Three column layout check

David Laakso wrote: > Bob Boisvert wrote: > >> This should be >> just a quickie check but I wanted to make sure everything is in order. >> http://www.sarjen-webdesign.com/testing/css/threecol.html >> Thanks, >> Bob >> >> > Bob, > Oh my, Opera... > > This may hel

Re: [css-d] Three column layout check

Bob Boisvert wrote: >This should be >just a quickie check but I wanted to make sure everything is in order. >http://www.sarjen-webdesign.com/testing/css/threecol.html >Thanks, >Bob > > Bob, Oh my, Opera... This may help? Change body with these additions and dele

Re: [css-d] Another selector's specificity question

Hi Paolo > Who can explain why I see italic and not bolded text instead of bold and > normal (not italic) text, with these rules: > > #main #content * {font-size: 24px; > font-style: italic; > } > #main #content span {display: block; > margin: 24px 0; >

Re: [css-d] Another selector's specificity question

From: "Paolo Candelari" <[EMAIL PROTECTED]> >Who can explain why I see italic and not bolded text instead of bold and >normal (not italic) text, with these rules: > >#main #content * {font-size: 24px; > font-style: italic; >} >#main #content span {display: block; >

Re: [css-d] content over flow

Dustin Krysak wrote: >Hi there - I had a go with the below code, and it worked to a degree. > >Now my div does in fact expand with my content, however one of the >other desired effects is to have the div still take up 100% of the >viewport even when the content was small. > > > We thought

[css-d] Fixed (was Son of Piefecta: Trouble with div height)

I delinked the attached "setHeight.js" file, the problem went away. Reese -- Ink Works http://www.inkworkswell.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-di

Re: [css-d] Three column layout check

Bob Boisvert wrote: > http://www.sarjen-webdesign.com/testing/css/threecol.html > > It looks good in IE 6, Fire Fox, and Netscape but I was wondering > about other browsers. Opera 8.5 & 9prev1 present it like Firefox 1.5. A weak spot in all browsers: those item-boxes on the right don't seem to

Re: [css-d] Another selector's specificity question

Thanks George. I've thought something similar, and I also prefer to use long rules. It seems that specific rules have less specificity or something similar. The strange thing is that I'm using last Firefox version... so don't seem a problem of wrong interpretation as to skip the rule itself (othe

[css-d] Three column layout check

Hi All, I really haven't posted for quite some time now. Things don't usually go right the first time with me particularly with CSS and no tables. Could someone check this three column layout for me in various browsers? There's nothing to the page itself, just some mock text I put in. This should

Re: [css-d] Another selector's specificity question

Paolo Candelari wrote: > Who can explain why I see italic and not bolded text instead of bold > and normal (not italic) text, with these rules: > #main #content * {font-size: 24px; font-style: italic; } > #main #content span {display: block; margin: 24px 0; font: bold > normal; } I think most

Re: [css-d] and styling of td's

Thomas Peklak wrote: > [style and col] > What about trying to use "!important"? Did you try this? This should > overrule styles in child elements. I've tried a bit with this, and it seems that actually no border can be made with the col as selector (in Mozilla), even this: #bordercol { border

[css-d] Another selector's specificity question

Hi all! Who can explain why I see italic and not bolded text instead of bold and normal (not italic) text, with these rules: #main #content * {font-size: 24px; font-style: italic; } #main #content span {display: block; margin: 24px 0; fon

Re: [css-d] Background Gradient

If you make the gradient a little wider, it won't be a big bandwidth hit but it will allow the browser to draw the screen faster (it only has to draw a 10px image 100 times, but it has to repeat a 1px image 1000 times, for example). __

Re: [css-d] Background Image Not Repeating- Sometimes

On Sun, 2005-12-18 at 23:17, Gunlaug Sørtun wrote: > George S. Williams wrote: > > http://65.247.192.64/lookingglass/index.html > > > I'd appreciate it if anyone could offer a clue as to what the cause > > of the problem is. > > Lack of 'Layout'[1] in IE/win. An IE bug :-) > > Put this last in

[css-d] navigation list has gaps in FF

Hi I have a top horizontal nav list css as follows. and so on. This divides the top nav area into 4 areas for 4 links. In FF, the whole of each of these is clickable. In IE6, only the text is clickable. I've tried to get round this by setting a width for , eit

Re: [css-d] and styling of td's

[style and col] What about trying to use "!important"? Did you try this? This should overrule styles in child elements. e.g.: col #activecol { border:1px solid red !important } Best regards, Thomas __ css-discuss [EMAIL PR

[css-d] and styling of td's

Hi group I was both depressed and happy, discovering in an article that can be used to style a column (I had long forgotten the tag's existence :-)). I was depressed because I thought that it rendered the hours of development on my database-to-markup - script that stresses the "active column"

Re: [css-d] i.e. not rendering correctly - last email had a bad link in it

Roger Roelofs wrote: >> In Camino on a Mac the top menu is only partly on the page the rest >> heads off to the right. I will post you an image separately. > It is not a camino only issue. It happens on all non-ie/win browsers > when the window width is narrow. Strangely enough... IE/win isn't

Re: [css-d] i.e. not rendering correctly - last email had a bad link in it

Jayson, On Dec 19, 2005, at 3:15 AM, Richard Brown wrote: > Hi Jason > > On 19 Dec 2005, at 01:56, Jayson Franklin wrote: > >> http://homedangers.com/recalls/recall-mini-learning-cube-toy/ >> >> If you view it in i.e. you'll notice the right side is screwed up, but >> in firefox it's okay. Like

Re: [css-d] i.e. not rendering correctly - last email had a bad link in it

Hi Jason On 19 Dec 2005, at 01:56, Jayson Franklin wrote: > > http://homedangers.com/recalls/recall-mini-learning-cube-toy/ > > If you view it in i.e. you'll notice the right side is screwed up, but > in > firefox it's okay. Like I said, I can't figure it out because this > only > happens on t