Re: [css-d] Some Links don't appear in IE6: Take 2 :)

[David Laakso]

stariga...@aol.com wrote:
> Trivial pursuits:?
>
> -- Provide for the fact that some user(s) may scale the fonts 

> You mean using percentage based dimensions for layout and ems for font sizes?
>
>
>
>   


I see nothing wrong with your fixed width layout-- other than you may 
want to shave the width a little to clear 1024 without a scroll bar.
Nor any reason not to use percent for font-size (mixing percent with 
pixels as you've done is not such a good idea).
It could be more user friendly to keep the fonts from escaping their 
restricted height containers (breaking) when scaled.
View your page in FF at minimum font size 24 and it will be more obvious...






-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky 3-col layout issue

[Bill Brown]

>>> http://www.theholiergrail.com/
>> Hmm. Seems to be a work in progress. Using those links on the left
>> of the home page brings up a succession of pages with blank content
>> this end. (Opera 9.6 on Win xp). ???
> 
> 
> In its defense, I've been using the template (downloaded from the site) 
> and so far worked fine for me, in various browsers. I'm using it for a 
> current project so I'll have a more complete opinion in a few weeks/months.
> 
> Erika

Hi all--

I've been inundated with work recently (what recession?) and have little 
time to update theholiergrail.com with new content. I have a much more 
streamlined version which I plan to upload within the next few weeks but 
if anybody is eager for the new version and/or the accompanying PDF 
documentation, please let me off-list and I'll try to get it to you 
within 24 hours.

Thanks. (And thanks, Erika, for the plug.)

Bill


-- 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Some Links don't appear in IE6: Take 2 :)

[starigazey]

 


 


? 

Trivial pursuits:?

-- For forward compatibility reasons consider changing to a strict doctype 
(I'll look into this)

-- Clear the scroll bar in a 1024 window (OK)

-- Provide for the fact that some user(s) may scale the fonts (You mean using 
percentage based dimensions for layout and ems for font sizes?)

-- Validate the markup. (Will do)
?

?





 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Fwd: Some Links don't appear in IE6

[starigazey]

 





 HI Georg,





Thanks for the fixes!!  I added them and the entire layout shows up in IE--Yeah!







Best,


Ana



 





 



-Original Message-

From: Gunlaug Sørtun 

To: stariga...@aol.com

Cc: css-d@lists.css-discuss.org

Sent: Fri, 6 Feb 2009 11:27 am

Subject: Re: [css-d] Some Links don't appear in IE6












stariga...@aol.com wrote: 

 


>  

 


> The problem is that the page looks as it is intended in Firefox, but 
> as you’ll see in IE6, the headline links (Flower girl, Juniormaid, 
> Ringbearer and Toddler  plus the small brown text below these) in the 


>  content area don’t show up. 

 


I see one IE6 bug, and one designer bug :-) 

 


To fix: 

 


1: in the source-code, add a  jus
t above  to 


separate that absolute positioned element from the floating . 


That's IE6's bug - absolute positioned elements next to floats tend to 


vanish. 

 



2: in the CSS, add... 

 


#headlines {top: 0;left: 0;} 

 


...so that element doesn't get "positioned in thin air". 


That's your "designer bug" - missing positions makes absolute 


positioning pretty unreliable. 

 



regards 


   Georg 


-- 
http://www.gunlaug.no
 





 



 

Great Deals on Dell Laptops. Starting at $499. 



 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Some Links don't appear in IE6: Take 2 :)

[David Laakso]

stariga...@aol.com wrote:
> Sorry!! I posted the url for my page incorrectly in my original post--the 
> proper url is  http://www.eveandellie.com/New/index2.htm
>
>  
>
> Best,
> Ana
>
>   

Trivial pursuits:
-- For forward compatibility reasons consider changing to a strict doctype
-- Clear the scroll bar in a 1024 window
-- Provide for the fact that some user(s) may scale the fonts
-- Validate the markup.



-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Some Links don't appear in IE6

[Gunlaug Sørtun]

stariga...@aol.com wrote:

> 

> The problem is that the page looks as it is intended in Firefox, but 
> as you’ll see in IE6, the headline links (Flower girl, Juniormaid, 
> Ringbearer and Toddler  plus the small brown text below these) in the
>  content area don’t show up.

I see one IE6 bug, and one designer bug :-)

To fix:

1: in the source-code, add a  just above  to
separate that absolute positioned element from the floating .
That's IE6's bug - absolute positioned elements next to floats tend to
vanish.


2: in the CSS, add...

#headlines {top: 0;left: 0;}

...so that element doesn't get "positioned in thin air".
That's your "designer bug" - missing positions makes absolute
positioning pretty unreliable.


regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Some Links don't appear in IE6

[Kim Malo]

The extension should be htm  not html
http://www.eveandellie.com/New/index2.htm

On Fri, Feb 6, 2009 at 1:22 PM, David Laakso
wrote:

> stariga...@aol.com wrote:
> >  http://www.eveandellie.com/New/index2.html.
> >
>
> Ana, post the correct uri to the list...
> The requested URL /new/index2.html was not found on this server.
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Some Links don't appear in IE6

[David Laakso]

stariga...@aol.com wrote:
>  http://www.eveandellie.com/New/index2.html.
>   

Ana, post the correct uri to the list...
The requested URL /new/index2.html was not found on this server.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Some Links don't appear in IE6: Take 2 :)

[starigazey]

Sorry!! I posted the url for my page incorrectly in my original post--the 
proper url is  http://www.eveandellie.com/New/index2.htm

 

Best,
Ana


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky 3-col layout issue

[Erika Meyer]

David Hucklesby wrote:
> On Fri, 06 Feb 2009 08:05:58 -0800, Erika Meyer wrote:
>> A lot of work already done for you here:
>>
>> http://www.theholiergrail.com/
> 
> Hmm. Seems to be a work in progress. Using those links on the left
> of the home page brings up a succession of pages with blank content
> this end. (Opera 9.6 on Win xp). ???


In its defense, I've been using the template (downloaded from the site) 
and so far worked fine for me, in various browsers. I'm using it for a 
current project so I'll have a more complete opinion in a few weeks/months.

Erika

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky 3-col layout issue

[Don Miller]

It's more of a template than an operational  website.
Don

- Original Message - 
From: "David Hucklesby" 
To: ; "css discuss" 
Sent: Friday, February 06, 2009 11:03 AM
Subject: Re: [css-d] Tricky 3-col layout issue


> On Fri, 06 Feb 2009 08:05:58 -0800, Erika Meyer wrote:
>> A lot of work already done for you here:
>>
>> http://www.theholiergrail.com/
>>
> 
> Hmm. Seems to be a work in progress. Using those links on the left
> of the home page brings up a succession of pages with blank content
> this end. (Opera 9.6 on Win xp). ???
> 
> Cordially,
> David
> --
> 
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky 3-col layout issue

[David Hucklesby]

On Fri, 06 Feb 2009 08:05:58 -0800, Erika Meyer wrote:
> A lot of work already done for you here:
>
> http://www.theholiergrail.com/
>

Hmm. Seems to be a work in progress. Using those links on the left
of the home page brings up a succession of pages with blank content
this end. (Opera 9.6 on Win xp). ???

Cordially,
David
--

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Basic Float Issue with Surrounding Elements

[Chris Akins]

Ah!  After using floats all this time, I didn't realize that the
surrounding elements containing blocks were really living "under" the
float block, with just the visible content pushed out of the way.  The
"overflow" method works for the lists in my example, but not the
headline, as the headline is set out by a neg. margin.  Even applying
"overflow:hidden" to that element, it's still just lined up with the
paragraph below where they flow around the floated element.

Perhaps I need to rethink my overall margins and padding on the
various elements in my pages so I don't have to use the negative
margin on the headers.

Chris

On Fri, Feb 6, 2009 at 10:58 AM, Gunlaug Sørtun  wrote:
> Chris Akins wrote:
>
>> http://www.extraordinaryimage.com/marginTest.html
>
>> Is there not a way to retain the formatting of the elements that flow
>>  around the float?
>
> Sure. Establish a new 'block formatting context'[1], for example by
> applying...
>
> ul {margin:0 25px; overflow: hidden;}
>
> IE7 and older won't cooperate with lists, but IE8 and all others will do
> fine.
>
> regards
>Georg
>
> [1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting
> --
> http://www.gunlaug.no
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Some Links don't appear in IE6

[starigazey]

Hi Everyone,



 



I’m a beginner web builder in the making and my first
project (learning as I go big-time :) is to re-design my current e-commerce
site, to give it a new look and bring it up to standards.  
http://www.eveandellie.com/New/index2.html.
It’s missing some elements, but along with my question/problem noted below, any
input one the overall design, color scheme, coding, layout and navigation...I
guess a critique of the page would be appreciated.



 



As I’ve run into problems I’ve been able to Google them and
eventually find a solution (a HUGE thank you to all of you article writers!!!),
but I have a browser problem that has stumped me and I’d appreciate it if ya’ll
could take a peek and tell me where I’ve gone wrong.   The problem is that the 
page looks as it is
intended in Firefox, but as you’ll see in IE6, the headline links (Flower girl, 
Juniormaid, Ringbearer and Toddler  plus the small brown text below these) in 
the content
area don’t show up. I’ve validated both the XHTML and CSS, and done some
guesswork reading, but not knowing what would cause a problem like this I’m
stumped.  I have been reading pages like
this: http://positioniseverything.net/explorer/expandingboxbug.html
 because I did have a “float drop”
problem with the 3 DIVs inside the #contentBorder box, so I just made the 
overall
page size wider as well as surrounding boxes until the 3 DIVs fit
 side by side.  When I added the central links, they originally
showed up outside of the wrapper to the right of the whole page in IE6, but
something I did subsequently caused them to disappear altogether. I thought
maybe they were hiding under the 3 DIVs but after temporarily removing the
background images in the #juniorMaid and #flowerGirl DIVs and not finding them
there, I’m not sure where to go from here.



 



Thanks in advance for taking a look and I look forward to
hearing from anyone who can shed some light on this issue!



 



 



Best,



Ana


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Basic Float Issue with Surrounding Elements

[Gunlaug Sørtun]

Chris Akins wrote:

> http://www.extraordinaryimage.com/marginTest.html

> Is there not a way to retain the formatting of the elements that flow
>  around the float?

Sure. Establish a new 'block formatting context'[1], for example by
applying...

ul {margin:0 25px; overflow: hidden;}

IE7 and older won't cooperate with lists, but IE8 and all others will do 
fine.

regards
Georg

[1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky 3-col layout issue

[Erika Meyer]

A lot of work already done for you here:

http://www.theholiergrail.com/

Erika
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky 3-col layout issue

[Jenn Mears-Nickerson]

Hi All,

Thank you, at least I know I'm not crazy.  I am trying to modify a pre-existing 
Wordpress template that another person created for a client.  I will try and 
clean up the code and eliminate the table and clutter.  The template I am 
working with had a function installed to switch the sidebar either from left to 
right and I at least managed to circumvent that, but that last bit of 
positioning is killing me.

Thanks,

Jenn Mears-Nickerson


From: mx.css...@googlemail.com
Sent: Friday, February 06, 2009 6:41 AM
To: Gunlaug Sørtun ,  j...@jennmearswebdesign.com, 
css-d@lists.css-discuss.org
Subject: Re: [css-d] Tricky 3-col layout issue 

I have to agree with Georg here.
I've noticed you are partially using tables (top section) and then DIVs for  
layout.

You need to clean the code and stick with DIVs.
Also the 'IE6 fix' conditional comments need to be removed!

ie 

So if it loads in IE6 it'll add even more tables!
I'm unsure why the [if IE 7] you close the  but not in any other  
browser.

Next step once you've re-coded it into DIVs is to ensure its at least HTML  
or XHTML Transitional valid.
That should be your starting point.

Sorry to seem unhelpful but as was said it would only fail again if further  
modifications were make or may break in IE7/6 due to the conditional  
comments.

~Mx

On Feb 6, 2009 10:57am, Gunlaug Sørtun  wrote:
> Jenn Mears-Nickerson wrote:
>
>
>
> > http://testblog.jennmearswebdesign.com
>
>
>
> > [...]
>
>
>
> > Here is the relevant CSS as it stands now. [...]
>
>
>
> Sorry, but it wouldn't make sense to try to debug on CSS level when the
>
> source-code it has to act on is as weak as this...
>
> http://validator.w3.org/check?uri=http://testblog.jennmearswebdesign.com/>
>
>
>
> What you're attempting is quite easy when the source-code is good and
>
> prepared for it, but more like "a maneuver in the dark" when the
>
> source-code is totally dependent on error-handling across browser-land -
>
> like yours is now.
>
>
>
> Focus on getting the source-code right - not just valid but also
>
> somewhat logical in its use of elements/containers - before going any
>
> further. Otherwise you may spend days and weeks making it appear to
>
> work, only to see it fail again when you try to add something or modify
>
> it ever so slightly.
>
>
>
> regards
>
> Georg
>
> --
>
> http://www.gunlaug.no
>
> __
>
> css-discuss [cs...@lists.css-discuss.org]
>
> http://www.css-discuss.org/mailman/listinfo/css-d
>
> List wiki/FAQ -- http://css-discuss.incutio.com/
>
> List policies -- http://css-discuss.org/policies.html
>
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Basic Float Issue with Surrounding Elements

[Chris Akins]

And I thought I had come along way past this basic question.  :-(

My test page:

http://www.extraordinaryimage.com/marginTest.html

Why is it that the margins on my heading, paragraphs, and list
essentially disappear when next to the float, but are fine at the top
of the page?  Is there not a way to retain the formatting of the
elements that flow around the float?

Chris
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Float trouble in IE

[David Laakso]

Del Wegener wrote:
>
> The site giving me trouble is:
> http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml
>
>
>
>
> Is there some problem with the header image being in the background 
> rather than the foreground.
> I just seemed easyer to place  over the image if it was in the 
> background.  Is my reasoning flawed?
>
> Del
>
>

No,  there no particular reason (other than I thought it might be easier 
for you-- wrong again) :-) .
You may want to make this line heading h1 since I assume it is the name 
of the company and title of the document:
Electrochemical Devices Inc.,




-- 
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floated column invades content area

[Inês Teles]

Thank you very much for the help, I'll try these out when I get home.

About the code: I know, it's ridiculous isn't it? That's the problem with
big CMSs, they class and div every single thing on the page! But the people
I'm working with really want to work with Drupal - does anyone know of a CMS
that would make for lighter and more semantic CSS?

Thanks
Ines


On 2/6/09, Gunlaug Sørtun  wrote:
>
> Inês Teles wrote:
>
>> There's a #skip-to-nav which I've used to put a background photo on the
>> right corner of the header. Whenever I add the CSS to add this background
>> image, the right-sidebar floats into the content area.
>>
>
> Yes, the #skip-to-nav occupy space downwards into #main, where
> #sidebar-right has to move out of the way since its margin-top reaches
> up into the same space.
>
> The addition of...
>
> #skip-to-nav {margin-bottom: -50px!important;}
>
> ...will make #skip-to-nav take up no space in #main, and thereby make
> the problem disappear.
>
>
> Can't help but say that that source-code showcases divitis and classitis
> to a degree I haven't seen in years, and the CSS is simply ...
> nightmare-ish :-)
>
> regards
>Georg
> --
> http://www.gunlaug.no
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky 3-col layout issue

[mx . cssdee]

I have to agree with Georg here.
I've noticed you are partially using tables (top section) and then DIVs for  
layout.

You need to clean the code and stick with DIVs.
Also the 'IE6 fix' conditional comments need to be removed!

ie 

So if it loads in IE6 it'll add even more tables!
I'm unsure why the [if IE 7] you close the  but not in any other  
browser.

Next step once you've re-coded it into DIVs is to ensure its at least HTML  
or XHTML Transitional valid.
That should be your starting point.

Sorry to seem unhelpful but as was said it would only fail again if further  
modifications were make or may break in IE7/6 due to the conditional  
comments.

~Mx

On Feb 6, 2009 10:57am, Gunlaug Sørtun  wrote:
> Jenn Mears-Nickerson wrote:
>
>
>
> > http://testblog.jennmearswebdesign.com
>
>
>
> > [...]
>
>
>
> > Here is the relevant CSS as it stands now. [...]
>
>
>
> Sorry, but it wouldn't make sense to try to debug on CSS level when the
>
> source-code it has to act on is as weak as this...
>
> http://validator.w3.org/check?uri=http://testblog.jennmearswebdesign.com/>
>
>
>
> What you're attempting is quite easy when the source-code is good and
>
> prepared for it, but more like "a maneuver in the dark" when the
>
> source-code is totally dependent on error-handling across browser-land -
>
> like yours is now.
>
>
>
> Focus on getting the source-code right - not just valid but also
>
> somewhat logical in its use of elements/containers - before going any
>
> further. Otherwise you may spend days and weeks making it appear to
>
> work, only to see it fail again when you try to add something or modify
>
> it ever so slightly.
>
>
>
> regards
>
> Georg
>
> --
>
> http://www.gunlaug.no
>
> __
>
> css-discuss [cs...@lists.css-discuss.org]
>
> http://www.css-discuss.org/mailman/listinfo/css-d
>
> List wiki/FAQ -- http://css-discuss.incutio.com/
>
> List policies -- http://css-discuss.org/policies.html
>
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background extended by border property

[Cristian Palmas]

2009/2/5 David Laakso 

> Cristian Palmas wrote:
>
>> Hi all,
>>
>> I have noticed a CSS behaviour that seems strange to me, so I thought of
>> asking to someone for some explanation.
>> I have this snippet of XHTML 1.0 strict code:
>>
>>
>>
>>
>>
>
> Not sure I understand what you are getting at. Or is it that I am not sure
> what I am getting at :-) ?
>
> The height of .a is is approx 104px with .top and provides a reference (the
> border) above and below h1 that tells the browser to the paint .a with
> background-color #ccc.
> The height of .a is is approx 102px if .top is deleted and tells  the
> browser to only paint h1 with background-color #ccc.
> If you took it one step further, and moved background-color #ccc  to .a ,
> and deleted .b and .top, the height of .a will be approx 102px and the
> browser will paint .a with background-color #ccc.
>


Hi David,

I wasn't getting at something particular with that simple snippet of code.
I was creating a 3-column fixed width layout and I noticed the behaviour of
collapsing margin in the header div. So I studied that behaviour with that
snippet of code:
say #layout the .a div;
say #header the .b div;
say #site-title the h1.

It didn't give me layout problems or else. It was just curiosity to
understand that behaviour I've never seen in action before. A theoretical,
not practical this time, problem I wanted to understand, since It appeared
not intuitive to me.
Anyway, thanks to your response and Georg's, I understood much more about
collapsing margin.

I also read about it in these following useful articles (besides the W3C
specs, obviously - even if badly explain, for my point of view):
- http://complexspiral.com/publications/uncollapsing-margins/
- http://reference.sitepoint.com/css/collapsingmargins

Googling "collapsing margins" one can find other useful stuff.
Regards

-- 
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky 3-col layout issue

[Gunlaug Sørtun]

Jenn Mears-Nickerson wrote:

> http://testblog.jennmearswebdesign.com

> [...]

> Here is the relevant CSS as it stands now. [...]

Sorry, but it wouldn't make sense to try to debug on CSS level when the
source-code it has to act on is as weak as this...


What you're attempting is quite easy when the source-code is good and
prepared for it, but more like "a maneuver in the dark" when the
source-code is totally dependent on error-handling across browser-land -
like yours is now.

Focus on getting the source-code right - not just valid but also
somewhat logical in its use of elements/containers - before going any
further. Otherwise you may spend days and weeks making it appear to
work, only to see it fail again when you try to add something or modify
it ever so slightly.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] testing layouts

[david]

mx.css...@googlemail.com wrote:

The FF plug-in is the Web Developer Toolbar, although some swear by Firebug.

Small change in the order of items below (I moved #3 in the quote 
below). Make sure the pages work without CSS before you start adding CSS 
to the mix!

> In terms of testing:
> 
> 3) Disable CSS to ensure site falls back effectively.
> 1) Test site working in FF3 at native resolution (for me 1680 x 1050).
> 2) Validate HTML and CSS to ensure it's compliant.
> 4) Test in IE7 and 6 at native res.
> 5) Resize to 1024x768 and then 800x600 to ensure site readable at these  
> resolutions.
> 6) Check WAI with Cynthia, and view in RightLynx.

I like the Fangs plugin for FF - lets me know how the page "appears" to 
screenreaders.

> 7) Check in another browser, such as Safari.

And Opera and any other browsers that your client wants supported. I'm 
currently helping transition an old site design from "Only needs to work 
in *our browser* (IE6)" to "MUST work in IE6 & 7, FF2 & 3 on both Macs 
and Windows - uh, and maybe we should start getting it working in Safari 
... Oh, and think about making it work on iPhones, too."

-- 
David
gn...@hawaii.rr.com
authenticity, honesty, community
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] testing layouts

[mx . cssdee]

If you are using FF2 or 3 there is a useful addon called "Web Developer"  
which you should lookup.
It also included a "resize" menu so you can resize the browser to whatever  
required resolution.
(URL: https://addons.mozilla.org/en-US/firefox/addon/60)

Another addon mainly for accessibility is a Lynx style viewer addon for FF  
called 'RightLynx'.
(URL: http://www.yellowpipe.com/yis/tools/lynx/rightlynx)

I also downloaded the collection of IEs called "MultipleIEs". Which  
includes all IEs in standalone mode from v3.0 upto v7.0.
(URL: http://multipleies.en.softonic.com)


In terms of testing:

1) Test site working in FF3 at native resolution (for me 1680 x 1050).
2) Validate HTML and CSS to ensure it's compliant.
3) Disable CSS to ensure site falls back effectively.
4) Test in IE7 and 6 at native res.
5) Resize to 1024x768 and then 800x600 to ensure site readable at these  
resolutions.
6) Check WAI with Cynthia, and view in RightLynx.
7) Check in another browser, such as Safari.

The current "big three" being IE, FF and Safari currently have a 97.3%  
market share.
You have to weigh up time taken vs accessibility but I feel that pretty  
much covers most eventualities.


Ta,

~Mx (:


On Feb 6, 2009 2:12am, David McGlone  wrote:
> On Wednesday 04 February 2009 5:42:43 pm David Laakso wrote:
>
> > David McGlone wrote:
>
> > > It bugs me to no end when positioning something and it isn't exact in
>
> > > none of the browsers, some a little off, some way off.
>
> >
>
> > Forgot--
>
> >
>
> > Code to compliant browsers, among them-- Opera, Firefox, Safari. and
>
> > SeaMonkey. Fix IE 6/7.
>
> > Two good sites for coping with "fixing" IE 6/7:
>
> >
>
>
>
> I want to say thanks to everyone for the Info. Everyone has given me a
>
> plethora of web sites and information and I'll be checking them out soon.
>
>
>
> It's almost overwhelming at the moment, but it should make me better at  
coding
>
> CSS.
>
>
>
> Thanks again,
>
> --
>
> David M.
>
> __
>
> css-discuss [cs...@lists.css-discuss.org]
>
> http://www.css-discuss.org/mailman/listinfo/css-d
>
> List wiki/FAQ -- http://css-discuss.incutio.com/
>
> List policies -- http://css-discuss.org/policies.html
>
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] BG doesn't cover desired area

[Philippe Wittenbergh]

On Feb 6, 2009, at 2:30 PM, Kim Brooks Wei wrote:

>  want a plain blackbg #0E0F0F to sit behind .spacedps and .content
> and I thought I'd coded my page to work this way but it doesn't work.
> The blackbg appears behind .spacedps but not .content.

URL:  http://blackboxarts.com/

The background is applied to . it does  
not extend past the first element (the ) as the rest f the content  
are just two floated s. Technically, that div is only as tall as  
the . You'd have to use a clearing technique _inside_ that div for  
the background to extend to the bottom of the two s.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/