[css-d] Layout-problem

Hi, it's me again ;-) Link : url: http://ikjensen.dk/test/ Having a major problem with this layout. Strangely, In IE 6, it shows almost as I wanted it to look like. In FF2, it doesn't. Second problem. The menu in the left sidebar works ok on the Index-page, but not on a second page. Menu :

[css-d] Background:transparent in IE7

I've found some curious behavior with background:transparent in IE7. I was working on a CSS image replacement, and was seeing the old IE flicker. In the course of trouble-shooting I made a version using only differently-colored backgrounds, not images. You can see my test page here:

Re: [css-d] Layout-problem

Ib Jensen wrote: Link : url: http://ikjensen.dk/test/ Strangely, In IE 6, it shows almost as I wanted it to look like. In FF2, it doesn't. The menu in the left sidebar works ok on the Index-page, but not on a second page. This may help compliant browsers... Name of the game:

Re: [css-d] Background:transparent in IE7

pretty strange indeed. thanks for sharing. Virgil http://www.jampmar.com On Thu, Jan 8, 2009 at 10:57 PM, Mary Ellen Curtin curtin...@gmail.com wrote: I've found some curious behavior with background:transparent in IE7. I was working on a CSS image replacement, and was seeing the old IE

Re: [css-d] Layout-problem

2009/1/8 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: Name of the game: Code to Opera -- FF, Safari, and Camino will follow suit. Fix IE. #container {padding-top: 1px;}-- fix 4 collapsing margins .head h1{font-size:250%; margin: 40px 0 10px 0;padding: 0;

Re: [css-d] Background:transparent in IE7

Mary Ellen Curtin wrote: I've found some curious behavior with background:transparent in IE7. I was working on a CSS image replacement, and was seeing the old IE flicker. In the course of trouble-shooting I made a version using only differently-colored backgrounds, not images. You can see

Re: [css-d] Background:transparent in IE7

Alan Gresley wrote: I don't know why it happens but floating the list fixes the bug in IE7 and doesn't seem to effect other browsers. .menu ul, .menu li { list-style:none;margin: 0;padding: 0; float:left; /* ADD */ } Thanks, Alan. I've updated the test page:

Re: [css-d] Layout-problem

Ib Jensen wrote: 2009/1/8 David Laakso da...@chelseacreekstudio.com: Could not find menu second page. Try in the Top-menu-bar = first menu-point = Genealogy, Menu-point = Kings of Denmark. On this page : The menu in the right side. re: http://ikjensen.dk/test/ Dunno.

[css-d] Differences between Firefox Windows and Firefox MAC OS

Greetings Cascading Style Sheet Amateurs, Experts, and Professionals. The following questions and examples are directly related to style sheets being processed by Gecko powered browsers like Firefox. These questions aren't specified towards the browsers themselves but more or less to the

[css-d] question about combining descendant selectors

I'm wondering if combined selectors have a lower specificity than non-combined. For example in my stylesheet I have: .hm #events_snip .date, .article { color: red; } .hm #news_snip .date, .article { color: green; } On the page the .article class shows up green, even though it is NOT

[css-d] Firefox layout issue, works fine in IE7, Safari etc.

Hi The header in the page below displays incorrectly in Firefox v3.0.5 and I'm struggling to work out the cause. http://www.ultimatefooterad.com/salespage/index.htm As you can see, the whole header graphic has moved down so that the blue bar that runs across the browser viewport isn't

Re: [css-d] question about combining descendant selectors

Your selectors are wrong. You aren't using descendent selectors for .article. You are saying .hm #news_snip .date has the color green AND ALSO .article has the color green, because of the comma. That means you have two declarations for .article, and the second one is over-riding the first.

[css-d] Vertical (rotated Latin) table headers

I'm looking for a way to specify that text in th cells be vertical such that Latin text is rotated 90 degrees counter-clockwise (text running bottom to top). Specifically, I'm looking for a way that affects layout--not for a way to rotate the box post-layout. I want the text be laid out on

Re: [css-d] Differences between Firefox Windows and Firefox MAC OS

Erik M. Zettersten wrote: In the following example (http://turnaroundllc.com/beta/). What determines why the footer moves down in Windows but stays appropriate and correct in a MAC OS environment. Where in this validated style sheet (http://turnaroundllc.com/beta/styles/global.css) did

Re: [css-d] question about combining descendant selectors

Brett wrote: I'm wondering if combined selectors have a lower specificity than non-combined. For example in my stylesheet I have: .hm #events_snip .date, .article { color: red; } .hm #news_snip .date, .article { color: green; } On the page the .article class shows up green, even though

[css-d] Splitting wide columns of text

Hello, I have a web page with three columns. The left-hand and right-hand columns are of fixed width. The middle column is so arranged, that the column 'adjusts itself' to make full use the different screen widths. At larger screen widths, the length of the lines becomes a bit long for

Re: [css-d] Firefox layout issue, works fine in IE7, Safari etc.

Graham Cox wrote: The header in the page below displays incorrectly in Firefox v3.0.5 and I'm struggling to work out the cause. http://www.ultimatefooterad.com/salespage/index.htm Hi Graham, That's a collapsing margin issue. Adding this: *{margin-top:0} into your style sheet. Can't say

Re: [css-d] Splitting wide columns of text

Hi Bruce, On Thu, Jan 8, 2009 at 3:06 PM, bruce.som...@web.de wrote: Is it possible, using CSS, to arrange that paragraphs in that middle column are themselves split into two columns of equal width, when a specified line length is exceeded? The text in the resulting left-hand one of these

[css-d] IE6 problem with background color on H2 element

I am having a problem with IE6 rendering a background color on the H2 element *sometimes*. In my stylesheet I have: .news #news_list h2 { background-color:#000; line-height:36px; margin-left:0px; margin-right:10px; } .news #news_list h2 span { color:#fff;

Re: [css-d] Firefox layout issue, works fine in IE7, Safari etc.

Hi Graham, That's a collapsing margin issue. Adding this: *{margin-top:0} into your style sheet. Can't say which element has margining at the top, but adding that (generally as the first rule of the style sheet) will help cure that. Hi Graham, Just did some checking and to be a bit

Re: [css-d] Layout-problem

From: Ib Jensen ibkjen...@gmail.com Link : url: http://ikjensen.dk/test/ Second problem. The menu in the left sidebar works ok on the Index-page, but not on a second page. Menu : Genealogy - Kings of Denmark Can you explain what you mean when you say it doesn't work? I see hover effects, and

[css-d] Font stack article

Hello list! For all those in search of sensible values for font-family: http://www.sitepoint.com/article/eight-definitive-font-stacks/ The samples are way to small, but the result seems nice to me. djn -- - Dejan Kozina Web design studio Dolina 346

[css-d] gap under header in IE

Greetings, This is probably a common problem in IE but I cannot find a previous message in the archive for it. There is a small gap of space (about 2px) below the header on this page in IE: http://www.goldendragonhouse.com/specs.html http://www.goldendragonhouse.com/main.css Note that the

Re: [css-d] gap under header in IE

There is a small gap of space (about 2px) below the header on this page in IE: http://www.goldendragonhouse.com/specs.html http://www.goldendragonhouse.com/main.css Hi Anne-- Either of these oughta help: #topboxrightspecs img { display : block } -or- #topboxrightspecs img {

[css-d] font color change on individual letters of a word

I'm struggling a little because I just started writing a web site about two months ago. I have a word in the text of the home page (index.html) that I need each letter of the word to be a different color. I did it in XHTML transitional and it worked fine. I'm now trying to follow the strict

Re: [css-d] font color change on individual letters of a word

Using span elements with inline style blocks will fix your problem. Example: span style=color:#0063dc;font-family:Verdana;Flick/spanspan style=color:#ff0084;font-family:Georgia;r/span On Jan 8, 2009, at 6:27 PM, James E. Darfler wrote: I'm now trying to follow the strict definition of XHTML

Re: [css-d] Font stack article

Dejan Kozina wrote: For all those in search of sensible values for font-family: http://www.sitepoint.com/article/eight-definitive-font-stacks/ djn le triomphe de mediocre --Baudelaire __ css-discuss

Re: [css-d] Differences between Firefox Windows and Firefox MAC OS

Thank you, Delete Trebuchet MS from the font-family string and FF will behave the same in Mac and PC. Aside: The construction of the page is extremely fragile. Font-scaling, or minimum font-size 24px, turns it into an unusable explosion in a gig-saw puzzle factory.How can I go about making

Re: [css-d] IE6 problem with background color on H2 element

Brett wrote: I am having a problem with IE6 rendering a background color on the H2 element *sometimes*. That IE bug is well known but can be hard to describe. It is a stacking-bug in that one or more layers of the element get stacked behind whatever element, container, the element should be

Re: [css-d] font color change on individual letters of a word

I'm struggling a little because I just started writing a web site about two months ago. I have a word in the text of the home page (index.html) that I need each letter of the word to be a different color. I did it in XHTML transitional and it worked fine. I'm now trying to follow the strict

Re: [css-d] font color change on individual letters of a word

That's way more code than just styling it inline, IMHO. Even if you were going to do it this way, it would be better to create simpler classes: a{color:red;} .blue{color:blue;} .green{color:green;} A class overrides a simple element selector, so the classed span (.blue) would override the

[css-d] Problem with float drop on pages with a 3-column CSS layout that are generated by Movable Type

Hi Everyone I've been banging my head against this problem for two days to no avail. I haven't got a great deal of experience when it comes to creating complex CSS layouts, so please don't assume too much knowledge. The CSS I created seems to be working fine on hand-built pages like this one: