Re: [css-d] Minor differences in IE

> I am still chipping away at my first css page and I now have the layout > sorted - it looks fine in both FF and Opera but I get minor differences when > viewed in IE (all on Windows XP Pro) - I would like to correct if possible. > > Page is at http://www.samatason.co.uk/clients/tc/index.php and

Re: [css-d] problem in IE with subnav layout

> Well, if i outline the #secondary-nav div, i see in all browsers that > the width of that div stays at 120px as defined in the css. However, > the difference is that the breaks out of this parent div in > FF/others, and is displayed running all the way left to the edge of the > browser. Not in

Re: [css-d] problem in IE with subnav layout

> The page: > http://www.lullabot.com/node/18 > > The problem in question is the secondary subnavigation layout. In IE, > the background image only extends so far in IE, whereas in > Firefox/everything else looks fine. See how, when correct, the 's > are wide enough that they'll go past the left e

Re: [css-d] Clearing does not work as I hoped..

> I'm applying the clearfix to a div that contains a label and a input > field. I'm floating the label to the left and the input field to the > right. For some reason the clearing does not work on this (FF1.5). When > I remove the "input { float: right; }" it does.. why? > > Example: http://yaxay.

Re: [css-d] css Failure in IE

> No one laugh I just discovered that the CSS for my web site > http://kaiserklan.com/roundtable does not work in I.E. It works great in > Safari and in FireFox it just never accrued to me it wouldn't work in IE. > Please if you have a minute take a look and show me the error of my way. Intere

Re: [css-d] Specificity Problem

> Your original problem was that this selector was not sufficiently > specific to override your other declarations for the anchor. I am > suggesting that your content management system should generate > something like this, instead: > > id="menu_about">About > > Note we have just changed the cl

Re: [css-d] footer pushing IE XP scroll bar

> http://videointegrations.com/serenity/procedure_relax_pleasure.html > http://videointegrations.com/serenity/layout.css > Look at the bottom for #footer > > The Horizontal scroll bar only in IE6 is apparently caused by the footer. I > can't figure out how to get rid of it without causing the prob

Re: [css-d] Alignment problem - form/psuedoelements

> I have a form in which I wanted to change the properties for the p:firstline > pseudo-element, just for the form. However, when I added the :first-line > psuedo-element to the p.formleft and p.formright rules, the text centered, > despite my alignment designations. I would think that the text rul

Re: [css-d] clearing a float without using a float

> > Roger Roelofs wrote: > > As Zoe said, you need a new 'block formatting context' All of the > > following will do that > > > > float: left; > > position: absolute; > > display: table; > > > > But, all of these cause the container to 'shrink-wrap' Floating > > .inside seems the most typical app

Re: [css-d] External CSS caching

> - use @import url("stylesheet.css"); rather than LINK in the header > (which may look dynamic to the browser?) One thing I find annoying about this method is that when I save a page that uses @import as "web page complete", the browser doesn't save the CSS files. When I go to view the page l

[css-d] clearing a float without using a float

In one of my site layouts, I have the navigation floated to the left and gave the content area a margin-left to give the float room to breathe. On my content area, I have tags clearing left by default since I float several things on various pages. Where this creates a problem is when the element

Re: [css-d] CSS3 user-select vs current options

> PS I realize the solution may not be CSS related (apologies to the > group), but the problem is ;-) To me, it doesn't seem like it should be. Selecting text is something you *do*, not something that *displays*, which to me means that selecting text is "behavior" and therefore falls in the realm

Re: [css-d] Box Model

> I was wondering if there is just one simple tried and true style sheet > method that can always be applied to at least start out on the right > foot that I can build upon which would remove any browser computability > issues. At least then I could be comfortable in knowing the problem is > me an

Re: [css-d] clearing a float without clearing another float

-- original email (snipped) -- > I've run into this problem a few times lately, and have yet to figure out > how to resolve it. Here is the test page: > > http://offlead.com/stuff/floattest/index.html > Is there a way to clear the bottom of the thumbna

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] fluidly sometimes show a floating div

> Would you please do some clean-up in there before further trouble-shooting? That would sure be nice, wouldn't it? :) Unfortunately this is the mess asp.net makes of the pages and I'm stuck with it. I'm afraid HTML Tidy won't help me much as the pages are generated through asp. Going throug

Re: [css-d] class vs. id

> And, if you *do* want to IDentify each link, an ID is what you want, anyway. > Conversely, when writing rules for a class, always specfy the element. If only we all had the freedom to do so. ~ cj [stuck with Microsoft hijacking ID tags for their own use and making it impossible for me to sp

Re: [css-d] fluidly sometimes show a floating div

[cj] > > Opera 8 goofs up content-inside when the cart isn't there, but other > > than that both cart and no-cart versions are looking good across my > > browsers here with this tweak (and a * html hack to hide it from IE, > > of course). [georg] > Oh, and make sure to clear memory before trying to

Re: [css-d] fluidly sometimes show a floating div

> If I have understood you correctly, then... > .content-inside {display: table-cell;} > ...seems to give a close to perfect line-up in Opera9prev1 & Firefox > 1.5, on windows. > > regards > Georg You're a lifesaver! Opera 8 goofs up content-inside when the cart isn't there, but other tha

[css-d] fluidly sometimes show a floating div

On some of my pages I want to be able to display a div (shopping cart) sometimes, but not always. When the div doesn't exist, I want the main content area to take up the full width of the browser window. When the shopping cart exists, I want the main content to leave room for the extra div. I th

Re: [css-d] Preloading Background Images

> Is it possible to preload the images in anyway, via CSS or Javascript? > > I'm not that keen on combining the 6 images into 1 large one and changing the > background position, as that would mean the homepage would take too long to > appear. [cj] I think my brain is dead today, so forgive the ne

Re: [css-d] div background not showing in Firefox

> Hi all. I'm much newbie. Been lurking for a while and > learned lots. Much appreciated. I got brave enough to > try my own stuff. Sure enough, I got stuck. Why > doesn't my background image show in Firefox, but shows > in Opera and IE6? > > html at: > http://www.members.shaw.ca/pianobyanna/index

Re: [css-d] Generic Block Class?

> > Is there any way to apply a style rule to all block level > > elements (and not to any inline elements, or any other > > kind of element for that matter) without listing all block > > level elements in the style sheet? > > No. Seems a rather odd kind of thing to try to do though. Being able t

Re: [css-d] Position problem in IE

> I am having a problem with a div that is not keeping its position > verticaly when the window is resized in IE. > I simply cannot find the solution for this. and I am afraid that > there is not a solution since I am dealing with a site that is > verticaly aligned centered. Any and all help/so

Re: [css-d] Origin and width problems with IE6 in strict mode

> OK can anyone tell me what is going off with the following code > > "http://www.w3.org/TR/html4/strict.dtd";> > > > IE/win Box > > > > >   > > > > > > > > > Sorry I don't have a public website to post this on. Basically in > Firefox the inner blue div border is aligned wit

Re: [css-d] Scroll content behind image

> I've come across another problem that I don't know how to solve. If you > look > at the example at > (http://www.prezencenewmedia.com/proof/josiefields/example.htm), what I'm > trying to do is "hide" the content as it scrolls down, behind the image at > the bottom. I've tried a few combinations o

Re: [css-d] Vertical centering in a table cell using CSS

>This doesn't seem to center vertically in either IE 6 or Firefox... Do you have a sample page online? I noticed you cut out the HTML example from my original reply and only left in the CSS one. Are you sure you were using the right example? The full code for my td table was more like this (I'

Re: [css-d] Odd background image behavior, mystery margin

> http://www.pixelmech.com/ (site) > http://www.pixelmech.com/wp-content/themes/orangey/style.css (css) > > You'll note the "pixelmech" logotype has a gradation behind it, and that > it is spaced some > distance down from the top of the page html, body {margin: 0;padding: 0;} > the bg image wil

Re: [css-d] Vertical centering in a table cell using CSS

> Is there a way to vertically center content in a table cell using CSS > (not HTML)? A CSS table cell or an HTML table cell? CSS: [assume markup -> ] .vcenter {display: table-cell;vertical-align: middle;height: 100%;} HTML: [assume markup -> ] .vcenter {vertical-align: middle;}

Re: [css-d] delete

> -Original Message- > > please delete this address from your list > thank you The list policies available from the CSS-D web site answer how to do this: http://www.meyerweb.com/eric/css/discuss/info.html __ css-discuss

Re: [css-d] mind the gap - now you see it, now you don't

> -Original Message- > The problem I am trying to solve is a gutter that appears in FireFox but > not > in IE - a gutter between text column and the menu. > notes: "container" should be and is 760px wide and the IE version is > almost > what the end result should look like, i.e. a white box

Re: [css-d] help with IE needed gain

> -Original Message- > I have intergrated my orum with my site. so far so good. except the way > IE renders the page. > > if i could get away with swearing i would lol. for now i shall cry. > > can anyone suggest a fix, or see where i have gone wrong? > > all fine in FF windows, just IE

Re: [css-d] Firefox active link dotted border problem

> > If you want to delete it completely, think 3 times or more, that focus > > ring *is* an accessibility feature. You don't provide any other > > feedback to keyboard users. > > It's not that I want to get rid of it, I just want it to stop messing > up my layout. Why in the world does FF have to

[css-d] min-width/width setting with inputs

I'm trying to create 3 divs that sit next to each other if there's room and who move to the next line if there's not. I originally set a "width: 31%" on them which worked great until I put a file upload input inside. The text and headings still obey the width, but of course the input does not. T

Re: [css-d] #idname.classname - IE Support

> -Original Message- > IE up to and including 6 on Windows only supports a single selector at a > time, inline with the CSS 1 spec. There's a bit more infor from the IE > team at I think that though this may be true with ID/Class combinations (I haven't tested), it works fine for me in I

Re: [css-d] one template to rule them all

> Did I miss a post, or is the article not yet finished? Thierry created a new post about the article instead of replying here, so if you've been keeping tabs here, no you didn't miss it. :) http://www.tjkdesign.com/articles/liquid.asp ___

Re: [css-d] Submenu width in list navbar

> My aim is to have a greater width on the submenus > than the width of the parent elements. > > My sample page is at > http://www.webdesign101.dk/www/cssmenu/dropdownmenu/eks14.html WinXP IEsp2 - on your "Inner Planet" -> "Mars" drop down, the pop out covers up the expanded space that IE puts in

Re: [css-d] Nav bar/div not sitting correctly

> That is perfect and as you can see from the site worked. Is there any > reason why I could not have just deleted the float bit? This would be the PERFECT time for someone who knows more about floating menus to take over. :) >From one not-so-great with this, though... I think floating the UL m

Re: [css-d] Nav bar/div not sitting correctly

> I have a site design at: > It looks like you need to clear it, since you float the . Try this (and let us know if it works): #topnavcontainer:after { clear: both; content: "."; display: block; height: 0; visi

Re: [css-d] What should the selector be?

Your problem stems from the rule stating that id/class names must begin with an alphabetical character I believe. Try changing your id of "2-1" to "id2-1" or along those lines. When I do this on your page, the "what's right for me" turns white with a red background instead of the default of the

Re: [css-d] Flowable CSS Columns?

I better say at the start I didn't fully understand the question, so this might be completely off base. If so, ignore it. If not, well good. :) One thing to note is that it's possible to fake the look of crossing columns by using background images. The wiki has many useful links to help you wi

Re: [css-d] Styling COL and COLGROUP

> It's possible, and pretty simple. You just use the solution from the > wiki, where you style the COL and IE picks it up, and use adjacent > siblings for standards-complient browsers. This is what I'm trying to avoid, since I would rather not style for individual browsers, which means it would be

Re: [css-d] Styling COL and COLGROUP

> Have you tried it? > http://css-discuss.incutio.com/?page=StylingColumns (Combination > method) (Sorry you get this twice Steve; I sent it off list accidentally the first time.) I was referring to colgroup as specified in the original post, not work-around methods (that consequently don't work

Re: [css-d] Styling COL and COLGROUP

> The extra classes have > relevant names, so you shouldn't feel that they are obstructing your quest > for purity. I think the problem posed is that *every* td has the same thing, the same thing, the same thing, so why should a class have to specified 40 times (number pulled from a hat) to style

Re: [css-d] stuck on IE scrolling/positioning/background/form bug

One way around the confidentiality issue would be to take all text or revealing names out of the code and post a simple test page with only your layout elements in it (including form fields, since those are where you issues lie). Without seeing the problem, I'll try to magically pull answers out o

Re: [css-d] Form elements aligment

A few nice sites that have done forms with CSS: http://jeffhowden.com/code/css/forms/ http://www.themaninblue.com/writing/perspective/2004/03/24/ -> http://www.themaninblue.com/experiment/InForm/ http://www.javier-julio.com/design/css/downloads/ -> http://www.javier-julio.com/design/css/samples/

Re: [css-d] ASP.NET/CSS

> I basically want to use the programming power of ASP.NET with the site > layout of CSS. Documentation weems very sparse. > > Anyone able to help out here? Finally a post I'm able to answer! Here at my work place, we've been using asp.net 2.0 since it was in beta, and I know how hard it is to g

RE: [css-d] Button element

This is the closest I was able to come to the default look while changing the color: .x-button { background-color: #ffcd45; /* ~ */ border-style: outset; } Notice I do *not* specify either border width or color. That seemed to do the trick for me. (

RE: [css-d] question about universal declaration of zero padding, margin in css stylesheets

Your top definition will automatically make all have 0/0 (the way you specified it). You can change this for a specific if you want, but if you do not specify margin/padding for specifics, they'll be 0/0. -Original Message- If I declare at the top of my stylesheet div {margin:0; paddin

RE: [css-d] Explanation of Spans

This goes a bit off topic from the original post, but you can change the first letter of a page without a span. The p:first-letter works well, and you are free to replace "p" with another definition. To get a bit more complicated, you can also select the first "p" of the page and then the first l

RE: [css-d] Site Check: Completed Lice_control.com

Looking good in my FF 1.6 and in IE 6.02 SP2 on XP! The only issue I ran into was that the menu displays a big back box if images are hidden. -Original Message- I am 99.9% complete. Just doing the final once over. Please take a peak for me and let me know if anyones browsers are renderin

RE: [css-d] IE Bugs with div alignment

iginal Message- >>My page looks perfect in Firefox v.1, Navigator v.6-8, Safari v.2, and >>Mozilla v.1.7 but the alignment of the main content portion of my page >>is really wild. >> >>http://www.clarkson.edu/depts/newweb/clarkson_experience/index.html >> >

[css-d] tool to help debug css across browsers

I've seen the new IE developer toolbar [1] brought up a couple times now, and of course the Aardvark [2] and Web Developer [3] FireFox extensions, but perhaps not everyone knows about the bookmarks from slayeroffice.com. The bookmarks, when clicked, bring up a little window (using JavaScript) that

RE: [css-d] Horizontal Menu question

>* Where does this gap come in front of the menu items? It comes from a default padding (in ff) and margin (in ie) on the . This should fix it: #bread ul { margin-left: 0; padding-left: 0; } > While IE does not display the bottom border. > How can I achieve the same on IE? Perhaps changing the he

RE: [css-d] Designing without tables

FireFox gives the user the ability to resize text regardless of what the designer specified as units in their CSS code. IE, on the other hand, doesn't resize the text if the CSS specifies the font in px/pt, which is what the default template for zengarden does: body { font: 9pt/17pt georgia; }

RE: [css-d] maxlength attribute in css

What they *might* be asking is -> A designer wants to format text boxes to be the same horizontal size even though their inputs are set at different maximums. For example, a phone number field takes 11 digits, give or take, and a name field takes 30 let's say, but the designer might want them both

RE: [css-d] IE Bugs with div alignment

To take a guess, I would imagine you've run into the ie float double-margin bug. Good news is that it's easily fixable. :) http://www.positioniseverything.net/explorer/doubled-margin.html -Original Message- My page looks perfect in Firefox v.1, Navigator v.6-8, Safari v.2, and Mozilla

RE: [css-d] variable width left column, left+right column tops line up

My problem with floated s is that the left column will not always be the same width. (The height doesn't concern me apart from wanting to vertically center the graphic and list.) This wouldn't be a problem if I knew the maximum width of the graphics, but since I don't, the left column is only as

RE: [css-d] Headers and footers

You might also try http://webdesign-l.com :) -Original Message- I figured the post was a bit off-topic, but when I asked on the techwr-l list this was the only good list I got. __ css-discuss [EMAIL PROTECTED] http://www.

RE: Re[2]: [css-d] variable width left column, left+right column tops line up

Yes, it's associated; The bullets on the right describe the picture on the left. My apologies for not making that clear. I know the table isn't the ideal solution, but it's the only one I could come up with. Perhaps I'll get lucky with CSS 3. :) Looks like I get to play with tables. Oh joy!

RE: [css-d] variable width left column, left+right column tops line up

> I see no answer on the list. Maybe someone responded off list? Not yet at least, and thank you for your time. :) > If not, the reason is that it's impossible to solve a problem or offer a > solution without seeing working code, and without knowing exactly what > you want to see. I know. I a

[css-d] possible to resize background images?

I seem to ask impossible questions, but perhaps this one will actually be the exception. :) (even if the answer is no) Actually, probably not, but I have to try!! I have a gradient background image behind several of my headers (repeat-y) and would like to know if CSS has any tricks or methods t

[css-d] variable width left column, left+right column tops line up

I know this is possible with tables pretty easily, but I'm clueless as where to start with CSS. I have some variable-width and -height images that need to go in a left hand column, and a set of bullets to go in a right column. The bullet lists line up with each image, so they also need to line *u

RE: [css-d] Opera and IE, each having different problems

In my IE, I actually have both the header *and* footer areas over the scrollbar. I'm not sure if you were getting this additional frustration or not. IE Version: 6.0.2900 SP2 -Original Message- URL: http://www.cityofdis.org/signo Question (finally!): how can I get the size of the pageH

RE: [css-d] Variation on "off-site" links - thanks

I'm not sure if you're still looking for comments, so ignore this if you're already good to go. :) In FireFox: I see a graphic on every link except the "inserted graphic" lines, where I don't see the graphic on either "inserted" bullet. In ie: I see a graphic on the very first line and all 4 bul

RE: [css-d] Is it possible to create this type of a layout with CSS?

The problem with floating the text to the right is that it falls below the header. It jumps right on top of my main content area underneath the header section, where you see the "xxx" to represent unreadable text. [logo not floated, right text floated]

RE: [css-d] Is it possible to create this type of a layout with CSS?

I have a couple very similar questions. Currently, is there another method to style the following two header layouts without needing an additional clearing div? (Top line is the width of entire page) In my case, I can't specify a height for the logo, because the companies we deal with will want

RE: [css-d] Missing bottom of page in IE

Perhaps it's the IE unscrollable content bug? I see the entire content when I maximize IE on my 1600x1200 resolution. http://positioniseverything.net/explorer/unscrollable.html -Original Message- This is a new one for me and I can't figure out why it's happening. In IE, the bottom of m

RE: [css-d] Nav technique suggestion

[A little bit off the topic you are specifically referring to:] One possible change you might make would be to take the text out of the graphic and make it actual text, since the text isn't changing between normal and :hover states. This would help the accessibility of your site in that screen re

RE: [css-d] Lateral backgrounds on fluid layout

Ah, my mistake. I'll have to let the more experienced give you the perfect answer, but I'll take a stab at a not-so-great one (or two). Is it possible in your layout to have a "blank" div to both the right and the left of the main content? You would then have a 3 column type of layout, but the

RE: [css-d] Lateral backgrounds on fluid layout

The method I've seen spoken of is to have two separate s; one for the left graphic, one for the right graphic. Each div would take the whole screen. For example -> #left-graphic { background-image: url(); background-repeat: repeat-y; background-position: left-top;

RE: [css-d] Header Width

Wouldn't you be able to have { display: inline; clear: both; } instead of floating them? -Original Message- > The header elements are known as "block level" elements. You can turn them into "inline" elements to with the following style rule: > > h1, h2, h3, h4, h5, h6 { > display: inl

RE: [css-d] Opera ASA giving away license codes (1 day only!)

I was using FF and had no problems getting the second page with my unlocking codes... Perhaps your browser timed out? The Opera site is extremely slow today. (Wonder why!) -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of !!blue Sent: Tuesday, August 30,

RE: [css-d] simple problem - difficult solution

I believe this feature will be in CSS3, but I'm sure I'll be corrected if I'm wrong! :) ( http://www.w3.org/TR/css3-box/#the-overflow-x ) -Original Message- One point - is possible to only have the vertical scrollbar and not the horizontal? (overflow-y in IE) _

RE: [css-d] simple problem - difficult solution

>This[1] is a real issue and one that should have been addressed by the >CSS spec. Setting a table to 100% high in IE in quirks mode makes the >table the height of the screen, a really useful feature. This isn't >available in standards mode, and there is *no* equivalent in a >tableless design. N

RE: [css-d] some unwanted spacing in FF/Mozilla

This might not be exactly the right solution, but it's at least a quick look to help you before the more savvy people respond. The problem that you're explaining actually happens for the whole main content area on my FF 1.0.6, not just the testimonials box. If you add this bit of code, it fixes o

[css-d] list output spanning columns

I need to display a list of features we offer and am think that the best way would be to have the list expand or contract depending on how much room the main content area width allows. For example, in 1024x768: - Item #1 - Item #4 - Item #7 - Item #10 - Item #2

RE: [css-d] a question about inline styles

Are you allowed to put styles in the head section, if not in a separate CSS file? I'm not sure how (or if it's possible) to put hover styles inline if you're not using JavaScript. -Original Message- Hi there, Is it possible to set the :hover colour of a border using inline CSS? This is

RE: [css-d] Center alignment problem

Other than the site map and the bottom left fixed graphic rendering differently, I don't see a center align in FF 1.0.6 that doesn't occur in IE 6. Which specific items are you having problems with? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Ba

RE: [css-d] text box text not wrapping

Unfortunately I don't think I have control over which type of text input asp.net uses. Thanks for the quick replies! ps - hacks or any other weird ways I can change a textbox to wrap the text (off-list) will be met by eager eyes! -Original Message- Use a textarea element? Input elemen

[css-d] text box text not wrapping

Ok, I know this has to be an absurdly simple oversight on my part, but I'm not finding an answer anywhere. Probably because it's absurdly easy and I'm missing it. In my table, a user may click an "edit" button, which turns the table cell's data into editable text boxes. The description column

[css-d] various problems, will need off-list help

I fear that my attempt at having a CSS layout while using Microsoft-generated dynamic code is going to fail miserably and I'll be stuck back in tables. I can't ask on this list for everyone to take a look at the areas I'm having problems with because I'm not able to display via the web, I have no

[css-d] full height tables - what's the best way?

I'm using an xhtml doctype on my pages and am not able to have table height be 100%. When I change the doctype to an html traditional with no url, though, the table displays "correctly" at the full page height. According to the chart on http://hsivonen.iki.fi/doctype/ however, my no-url, html doct