Re: [css-d] need page to take up entire screen

[tedd]

At 9:32 PM -0400 6/6/10, David Laakso wrote:
>Best,
>~d
>
>PS It is sometimes better to just to let the software determine content
>height. Granted, simple solutions are not necessarily what everyone may
>be after...

It's bit like having kids, you may want them tall, but it's probably 
not a good idea to stretch them.  :-)

Cheers,

tedd

-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.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] Mystery space

[Tom Livingston]

I am back with the same problem. David pointed out the issue, however
I really don't understand WHY it's happening, and how to even things
out.

http://proof.mlinc.com/mlinc.com/testpages/6-10/index.html

On this page, I want the footer copyright to hug the bottom of the
container above it. In FF, it looks as desired (yes, i'll add a little
space in later) but in Safari 4.0.5 (current release) it has a gap.
Removing the box-shadow had no effect. What am I missing here?


-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Mystery space

[Tom Livingston]

On Mon, Jun 7, 2010 at 10:12 AM, Tom Livingston  wrote:
> I am back with the same problem. David pointed out the issue, however
> I really don't understand WHY it's happening, and how to even things
> out.
>
> http://proof.mlinc.com/mlinc.com/testpages/6-10/index.html
>
> On this page, I want the footer copyright to hug the bottom of the
> container above it. In FF, it looks as desired (yes, i'll add a little
> space in later) but in Safari 4.0.5 (current release) it has a gap.
> Removing the box-shadow had no effect. What am I missing here?
>

Update: The gap also appears in IE8.


Also, what is the proper way to use rgb as a fallback to rgba ?

I have:

color: rgb(255,255,255);
color: rgba(255,255,255,.4);

I saw this somewhere with the mention that the rgba would be ignored
by unsupported browsers, but IE6 and 7 show black not white.

TIA


-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/

[css-d] Is this a styling issue or an ASP .NET issue?

[Ellen Heitman]

Please take a look at this following:

http://www.pottersignal.com/search_results.aspx

If you look at this page in IE (I'm using 8), the search results section
expands to fit the whole page. In any other browser I've tried, this problem
doesn't occur. I've tried a bunch of different CSS hacks to try to fix it,
to no avail.

Can anyone see what the problem might be? Let me know what additional
details you may need, this thing is driving me nuts! Also, forgive the
horrid tabulated structure, I inherited this. :P

Thanks,

ellen
__
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] Mystery space

[Philippe Wittenbergh]

On Jun 7, 2010, at 11:12 PM, Tom Livingston wrote:

> I am back with the same problem. David pointed out the issue, however
> I really don't understand WHY it's happening, and how to even things
> out.
> 
> http://proof.mlinc.com/mlinc.com/testpages/6-10/index.html
> 
> On this page, I want the footer copyright to hug the bottom of the
> container above it. In FF, it looks as desired (yes, i'll add a little
> space in later) but in Safari 4.0.5 (current release) it has a gap.
> Removing the box-shadow had no effect. What am I missing here?

min-height is what you are missing. Or rather, the issue you see comes from 
your usage of min-height on your wrapper.
And I'm not sure if Firefox, per current spec, is correct (the paragraph in the 
latest spec is much more filled with ambiguity [1]).
The space you see in WebKit / Opera is the margin-bottom on the  that 
contains 'Tagline'. In Gecko based browsers, that margin-bottom is contained 
within the min-height wrapper (it cannot escape). WebKit allows the margin to 
collapse through, creating the gap you see.

[1] http://www.w3.org/TR/CSS21/box.html#collapsing-margins
> An element's own margins are adjoining if the 'min-height' property is zero, 
> and it has neither top or bottom borders nor top or bottom padding, and it 
> has a 'height' of either 0 or 'auto', and it does not contain a line box, and 
> all of its in-flow children's margins (if any) are adjoining.

There is  a longish thread on www-style on the subject, starting here:
http://lists.w3.org/Archives/Public/www-style/2008Sep/0081.html
http://wiki.csswg.org/spec/css2.1#issue-79


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/

Re: [css-d] Mystery space

[Tom Livingston]

On Mon, Jun 7, 2010 at 10:51 AM, Philippe Wittenbergh  wrote:
>
> On Jun 7, 2010, at 11:12 PM, Tom Livingston wrote:
>
>> I am back with the same problem. David pointed out the issue, however
>> I really don't understand WHY it's happening, and how to even things
>> out.
>>
>> http://proof.mlinc.com/mlinc.com/testpages/6-10/index.html
>>
>> On this page, I want the footer copyright to hug the bottom of the
>> container above it. In FF, it looks as desired (yes, i'll add a little
>> space in later) but in Safari 4.0.5 (current release) it has a gap.
>> Removing the box-shadow had no effect. What am I missing here?
>
> min-height is what you are missing. Or rather, the issue you see comes from 
> your usage of min-height on your wrapper.
> And I'm not sure if Firefox, per current spec, is correct (the paragraph in 
> the latest spec is much more filled with ambiguity [1]).
> The space you see in WebKit / Opera is the margin-bottom on the  that 
> contains 'Tagline'. In Gecko based browsers, that margin-bottom is contained 
> within the min-height wrapper (it cannot escape). WebKit allows the margin to 
> collapse through, creating the gap you see.
>
> [1] http://www.w3.org/TR/CSS21/box.html#collapsing-margins
>> An element's own margins are adjoining if the 'min-height' property is zero, 
>> and it has neither top or bottom borders nor top or bottom padding, and it 
>> has a 'height' of either 0 or 'auto', and it does not contain a line box, 
>> and all of its in-flow children's margins (if any) are adjoining.
>
> There is  a longish thread on www-style on the subject, starting here:
> http://lists.w3.org/Archives/Public/www-style/2008Sep/0081.html
> http://wiki.csswg.org/spec/css2.1#issue-79
>
>
> Philippe
> ---
> Philippe Wittenbergh
> http://l-c-n.com/
>
>

ARG! Thank you Philippe!


-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/

[css-d] rgba issue

[Tom Livingston]

Sorry for mixing threads... i'll break this into it's own:

What is the proper way to use rgb as a fallback to rgba ?

I have:

color: rgb(255,255,255);
color: rgba(255,255,255,.4);

I saw this somewhere with the mention that the rgba would be ignored
by unsupported browsers, but IE6 and 7 show black not white.

Does this only work for background colors?

TIA

-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] rgba issue

[Thierry Koblentz]

> Sorry for mixing threads... i'll break this into it's own:
> 
> What is the proper way to use rgb as a fallback to rgba ?
> 
> I have:
> 
> color: rgb(255,255,255);
> color: rgba(255,255,255,.4);
> 
> I saw this somewhere with the mention that the rgba would be ignored
> by unsupported browsers, but IE6 and 7 show black not white.
> 
> Does this only work for background colors?

If you do not care if the file does not validate, then you could go:

color: rgba(255,255,255,.4);
*color: #fff;

--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
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] Is this a styling issue or an ASP .NET issue?

[David Laakso]

Ellen Heitman wrote:
> Please take a look at this following:
>
> http://www.pottersignal.com/search_results.aspx
>
>
>
> ellen
>
>   





The document is proprietary HTML. There are more than 100 markup errors 
and a number of CSS errors. IE/8 may not be recovering from these.

Dunno. Try Tidy?

doctype>loose>tidy
And correct the CSS errors.

Best,
~d






-- 
desktop
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] Is this a styling issue or an ASP .NET issue?

[Ellen Heitman]

I'm wanting to spend some time to clean up all the HTML code - however there
are probably a good 50 pages and I'm not sure if my employer if willing to
take the time to do that. I guess I could argue that a lot of things are
going wrong now because of the horrible markup?

On Mon, Jun 7, 2010 at 2:00 PM, David Laakso
wrote:

> Ellen Heitman wrote:
>
>> Please take a look at this following:
>>
>> http://www.pottersignal.com/search_results.aspx
>>
>>
>>
>> ellen
>>
>>
>>
>
>
>
>
>
> The document is proprietary HTML. There are more than 100 markup errors and
> a number of CSS errors. IE/8 may not be recovering from these.
>
> Dunno. Try Tidy?
> 
> doctype>loose>tidy
> And correct the CSS errors.
>
> Best,
> ~d
>
>
>
>
>
>
> --
> desktop
> 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/

[css-d] strange behaviour in chrome

[Thijs Hakkenberg]

Dear List,

I have a strange occurence with an floating div.
In Firefox and IE, on 
http://trouwvervoeronline.nl/bussen/rode-dubbeldekker/ the right div is 
embedded (because of the float:right attribute), but in Chrome it isn't.
Anyone know why?

Regards,

Thijs
__
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] Is this a styling issue or an ASP .NET issue?

[David Laakso]

Ellen Heitman wrote:
> I'm wanting to spend some time to clean up all the HTML code - however there
> are probably a good 50 pages and I'm not sure if my employer if willing to
> take the time to do that. I guess I could argue that a lot of things are
> going wrong now because of the horrible markup?
>
>
>   
>>> Please take a look at this following:
>>>
>>> http://www.pottersignal.com/search_results.aspx
>>>
>>>
>>>   





It took 10 minutes.





-- 
desktop
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] Is this a styling issue or an ASP .NET issue?

[Ellen Heitman]

So you're suggesting I just tidy up the current HTML code? Do you think it's
necessary to take the time to go from tables to divs for each page?

On Mon, Jun 7, 2010 at 2:53 PM, David Laakso
wrote:

> Ellen Heitman wrote:
>
>> I'm wanting to spend some time to clean up all the HTML code - however
>> there
>> are probably a good 50 pages and I'm not sure if my employer if willing to
>> take the time to do that. I guess I could argue that a lot of things are
>> going wrong now because of the horrible markup?
>>
>>
>>
>>
>>> Please take a look at this following:


 http://www.pottersignal.com/search_results.aspx




>>>
>
>
>
>
> It took 10 minutes.
> 
>
>
>
>
> --
> desktop
> 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] Is this a styling issue or an ASP .NET issue?

[David Laakso]

Ellen Heitman wrote:
> So you're suggesting I just tidy up the current HTML code? Do you think it's
> necessary to take the time to go from tables to divs for each page?
>
>
>   
>> 
>>> I'm wanting to spend some time to clean up all the HTML code - however
>>> there
>>> are probably a good 50 pages and I'm not sure if my employer if willing to
>>> take the time to do that. I guess I could argue that a lot of things are
>>> going wrong now because of the horrible markup?
>>>
>>>
>>>
>>>
>>>   
 Please take a look at this following:
 
> http://www.pottersignal.com/search_results.aspx
>
>
>
>
>   
>>
>>
>> It took 10 minutes.
>> 
>>
>>
>>
>> 



The above "somewhat" correction of the markup for the particular page 
you wrote about is a fast an dirty solution. I was not about able to 
find a CSS solution for that issue. Perhaps someone else will...

Best,
~d

PS Bottom posting is not a list policy but is appreciated. Thanks.


-- 

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] Is this a styling issue or an ASP .NET issue?

[Peter Bradley]

Ar 07/06/10 21:03, ysgrifennodd Ellen Heitman :
> So you're suggesting I just tidy up the current HTML code? Do you think it's
> necessary to take the time to go from tables to divs for each page?
>
>

If you look at the code in Visual Studio, it will highlight the HTML 
errors (by underlining them with a squiggly red line).  I'm not sure if 
Dreamweaver does the same; but you can get the free version (Express 
Edition, or something IIRC) of VS if you want.  This will make 
correcting the code relatively easy.

It looks to me as though it started off as an ASP.NET < 2.0 project and 
then got ported to v2.0 or greater, thus changing the DOCTYPE to XHTML 
1.0 Transitional.  This has left you with loads of invalid code.

Shouldn't be that big a job to make it valid, though, as far as I can see.

HTH

Cheers



Peter

-- 
http://www.peredur.net

__
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] Mystery space

[David Laakso]

Tom Livingston wrote:
> I am back with the same problem. David pointed out the issue, however
> I really don't understand WHY it's happening, and how to even things
> out.
>
> http://proof.mlinc.com/mlinc.com/testpages/6-10/index.html
>
>   





Please see:

Philippe nailed it.

~d

-- 
desktop
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] strange behaviour in chrome

[David Laakso]

Thijs Hakkenberg wrote:
> Dear List,
>
> I have a strange occurence with an floating div.
> In Firefox and IE, on 
> http://trouwvervoeronline.nl/bussen/rode-dubbeldekker/ the right div is 
> embedded (because of the float:right attribute), but in Chrome it isn't.
> Anyone know why?
>
> Regards,
>
> Thijs
>   





The page looks the same to me in Chrome, IE/8, Firefox, Camino, IE/8, 
Safari, and SeaMonkey.

You are showing a width issue *left column* float-drop in IE/7 and IE/6. 
But that is not what you wrote about.

Best,
~d






-- 
desktop
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/

[css-d] Does M$ filter fail in IE 7?

[David Hucklesby]

If you have a regular install of IE 7, would you kindly take a look at
this page...

 ?

For the reason I explain, I use the Microsoft gradient filter to get
semi-transparent backgrounds to work in IE versions before 8. On my
"multi-IE" install, the filter fails when any degree of page zoom is
applied. IE 8 in so-called "compatibility mode" has no such problem, so
I am hoping that it's my "multi-IE" version that's to blame.

Cordially,
David
--
P.S. Sorry for the incomplete message earlier. I have no idea how that
happened!
__
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/