Re: [css-d] IE and background colour

[David Laakso]

Elle Meredith wrote:
>
 The site is at: http://farmpeacelove.com/italiano/alloggio
 
>>
> At the moment I only test the page through browsershot.org -- and zoom: 
> 1 didn't fix the problem.
>
> Elle
>   

As of this writing your page is crashing:
Version
10.00 Alpha
Build
6166
Platform
Mac OS X
System
10.4.11
Java
Java Runtime Environment installed
Browser identification

Opera/10.00 (Macintosh; Intel Mac OS X; U; en) Presto/2.2.0


Validate the CSS?

~d



-- 

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] IE and background colour

[Elle Meredith]

On 13/01/2009, at 6:11 PM, David Laakso wrote:

> The site is at: http://farmpeacelove.com/italiano/alloggio
>
>>>
>> At the moment I only test the page through browsershot.org -- and  
>> zoom: 1 didn't fix the problem.
>>
>
> As of this writing your page is crashing:
> 

>
> Validate the CSS?

I get 4 errors:

URI : http://farmpeacelove.com/css/typography.css
27: Unknown pseudo-element or pseudo-class :last-child

URI : http://farmpeacelove.com/css/screen.css
31: h1, h2, #main h3: Property text-shadow doesn't exist in CSS level  
2.1 but exists in [css2, css3] : 0 1px 1px rgba(0,0,0,0.6)
46: .box:  Value Error : background-color rgba(224,219,206,0.3) is not  
a background-color value : rgba(224,219,206,0.3)
97: * html .mini_gallery li: Property zoom doesn't exist : 1


The question is: can't I use CSS3 properties? and if I do implement  
CSS3 properties, would they validate in a CSS 2.1 validator? (my logic  
would say: no, they will not)... Still I do think there is no reason  
to avoid them -- especially if older browsers either ignore unknown  
properties or I hide it from them.

The only one I don't understand from the above errors is the "Property  
zoom doesn't exist : 1" -- I just don't know enough about zoom: 1  
besides that I know it is used for having layout.

Your thoughts?

Elle


http://designbyelle.com.au/
__
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] IE and background colour

[Philippe Wittenbergh]

On Jan 13, 2009, at 6:33 PM, Elle Meredith wrote:

> The question is: can't I use CSS3 properties? and if I do implement
> CSS3 properties, would they validate in a CSS 2.1 validator?

No.
But if you go to the css validator there is an option to select to  
validate against the css3 profile (under 'more options', below the  
input field).

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] Browsershot alternative

[Bill Brown]

>>> I have seen references to browsershot on this list.
>>> Is there another similar site?
>>> Thanks
>>> Del

Hi Del,

BrowserCam.com
  - $39.95/month to $89.95/month

BrowserShots.org
  - free

BrowsrCamp.com
  - $19/month
  - Mac only

LitmusApp.com
  - $49/month

CrossBrowserTesting.com
  - Pay as you go

Hope it helps.
--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] Browsershot alternative

[Gabriel de Oliveira]

On Tue, Jan 13, 2009 at 1:37 AM, Del Wegener  wrote:
> I have seen references to browsershot on this list.
> Is there another similar site?

There is also IE NetRender - http://ipinfo.info/netrenderer/index.php

"IE NetRenderer allows you to check how a website is rendered by
Internet Explorer 7, 6 or 5.5, as seen from a high speed datacenter
located in Germany. Just type in a URL in the field above and try it
out - it's free!"

Very useful to Linux or Mac users.



-- 
Gabriel de Oliveira Padoan
blog: http://gopnet.blogspot.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] best practices

[Thierry Koblentz]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-
> discuss.org] On Behalf Of dsm...@flvs.net
> Sent: Monday, January 12, 2009 9:05 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] best practices
> 
> Hi
> I teach Web Design and really focus on standards and best practices. When
> using external style sheets I have always had students link the style
> sheet. Recently some students have begun using the @import
> url("main.css");I understand how to use both. I am just wondering what the
> best practice is and why. . All comments and suggestions are welcome and
> helpful.
> Thanks!


According to Y!DN [1], it is better to choose  over @import because in
IE @import behaves the same as using  at the bottom of the page.

[1] http://developer.yahoo.com/performance/rules.html#csslink


-- 
Regards,
Thierry | http://www.TJKDesign.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] IE and background colour

[David Laakso]

Elle Meredith wrote:
>
>
>> The site is at: http://farmpeacelove.com/italiano/alloggio
>>
>
> The only one I don't understand from the above errors is the "Property 
> zoom doesn't exist : 1" -- I just don't know enough about zoom: 1 
> besides that I know it is used for having layout.
>
> Your thoughts?
>
> Elle
>

It is an invalid hack. See "Properties" and "CSS Hacks."

Enclose it in an IE conditional comment. This will not make it valid. 
However, it will hide it from the CSS Validation Service.



-- 

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/

[css-d] Background

[Keith Kaiser]

When setting the background in CSS can you set the image width at the  
same time?

Example;
background: #00ff00 url('smiley.gif width:50') no-repeat fixed center;

Or something like that anyway.

Thanks.

__
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] Safari, Opera, Chrome pushing image to bottom of screen

[Daniel Hammond]

| > URL: http://www.studentremix.org
| > CSS: http://www.studentremix.org/landing.css
| >
| > For a reference of what this page should look like, look at 
| it in FF  
| > or IE.
| > They display it correctly. Safari, Opera, and Google Chrome 
| push the  
| > blue
| > image to the bottom of the screen. I don't see anything in the CSS  
| > that
| > would be causing this. Can anyone else see what the issue is?
| 
| Actually, Gecko could be wrong here...
| > #portalWrapper { /*landing.css (line 39)*/
| > background:transparent none repeat scroll 0 0;
| > display:table;
| > margin:345px auto 0; /* <--- */
| 
| Gecko puts the margin inside the anonymous table box that wraps an  
| element with display table, where as the other mentioned 
| browsers put  
| it outside. (see the illustration in [1])
| 
| There has been some discussion on www-style on what the actual  
| behaviour should be (without any firm conclusion yet, but all 
| browsers  
| appear slightly wrong).
| 
| set that margin-top to 0 and use margin on the links inside 
| it to the  
| desired value. BTW
| 
| BTW:
| a.portalLeftRight {
| /**/
| display:inline-block;
| float:left;
| }
| That  'display:inline-block' is no needed. Specifying'float:left/ 
| right' always makes an element display:block.
| 
| [1] 
| 
| Philippe


Thanks, that did the trick.

Daniel

__
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

[Bill Brown]

Keith Kaiser wrote:
> When setting the background in CSS can you set the image width at the  
> same time?
> 
> Example;
> background: #00ff00 url('smiley.gif width:50') no-repeat fixed center;
> 
> Or something like that anyway.
> 
> Thanks.


Hi Keith,

The short answer is "No, you can't."

But the long answer is...well, actually, it's still "No, you can't."

Sorry.
Hope it helps.
--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] Background

[David Dorward]

2009/1/13 Keith Kaiser :
> When setting the background in CSS can you set the image width at the
> same time?

CSS currently provides no way to scale background images at all.

I seem to recall CSS 3 is proposing something to make that possible,
but support isn't strong yet.

People who really want to scale background images on the client tend
to use foreground images and absolutely position them at a lower
z-index then the content.

I'd try to pick images that tile or fade to a solid colour, and do any
scaling on the server.

-- 
David Dorward 
__
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

[neal]

> When setting the background in CSS can you set the image width at the
> same time?
>
> Example;
> background: #00ff00 url('smiley.gif width:50') no-repeat fixed center;
>
No you cannot - but you can set the width of the background container
~Neal

__
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

[James Hindle]

You cannot specify the width of the background-image in the
"background" shorthand property. You'll need to make the image the
exact width that you need.

When setting a background you are limited to
background-image,background-repeat,background-position,
background-color and background attachment. See a detailed overview
here:

http://www.w3schools.com/css/css_background.asp



On Tue, Jan 13, 2009 at 11:50 AM, Keith Kaiser  wrote:
> When setting the background in CSS can you set the image width at the
> same time?
>
> Example;
> background: #00ff00 url('smiley.gif width:50') no-repeat fixed center;
>
> Or something like that anyway.
>
> Thanks.
>
> __
> 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

[peter hyde-smith]

 Bill Brown  wrote: 
> Keith Kaiser wrote:
> > When setting the background in CSS can you set the image width at the  
> > same time?
> > 
> > Example;
> > background: #00ff00 url('smiley.gif width:50') no-repeat fixed center;
> > Or something like that anyway.
> > 
> > Thanks.
> 
> 
> Hi Keith,
> 
> The short answer is "No, you can't."
> 
> Sorry.
> Hope it helps.
> --Bill

Keith:

Expanding on what Bill is saying, you could add a "wrapper" div/p that has a 
transparent background to fix and size the background-image where you want it. 
Just make sure you make the canvas size of the background image large enough to 
fill what you think you maximum dimensions will be.

Peter Hyde-Smith
www.fatpawdesign.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] IE and background colour

[Ingo Chao]

Opera does not crash because of the proprietary (and of course, invalid)
zoom property; Opera ignores it.

Ingo
__
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

[Erika Meyer]

David Dorward wrote:
> 2009/1/13 Keith Kaiser :
>> When setting the background in CSS can you set the image width at the
>> same time?
> 
> CSS currently provides no way to scale background images at all.
> 
> I seem to recall CSS 3 is proposing something to make that possible,
> but support isn't strong yet.

http://www.w3.org/TR/css3-background/

I was just looking at this last night
http://www.css3.info/preview/

For me, I can't *wait* to be able to use multiple backgrounds on an 
element... somehow or another this comes up for me all the time, when 
building a design.

Reusing the same background image, but sizing it differently in 
different elements is also an intriguing idea, design-wise.

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/

[css-d] mac ie/5.2

[David Laakso]

Nav whacked. Fix appreciated.

~d

__
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] Search Box Alignment

[Del Wegener]

Good Day;
Please look at
http://www.edi-cp.com/homepage2009_b/edi-index.shtml
In FF the word Search: the textfield, and the green arrow graphic line up 
perfectly.
In IE7 the word Search and the textfield are several pixels too low.
The red box is a temporary border on the div with ID search_etc to show me 
where things are.

How can I get these three elements to line up? Preferably at the top of the 
red-bordered div.

Thanks.
Del 


__
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] best practices

[Kevin Warrington]

A simple rule of thumb;

Use  to attach stylesheets to a document.
Use @import to attach stylesheets to stylesheets.

 also has the advantage of defining relationships between
documents, eg. preferred and alternate stylesheets, see:
http://www.w3.org/TR/REC-html40/present/styles.html#h-14.3.1

Kevin Warrington

On Tue, Jan 13, 2009 at 10:15 AM, Thierry Koblentz  wrote:
>> -Original Message-
>> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-
>> discuss.org] On Behalf Of dsm...@flvs.net
>> Sent: Monday, January 12, 2009 9:05 AM
>> To: css-d@lists.css-discuss.org
>> Subject: [css-d] best practices
>>
>> Hi
>> I teach Web Design and really focus on standards and best practices. When
>> using external style sheets I have always had students link the style
>> sheet. Recently some students have begun using the @import
>> url("main.css");I understand how to use both. I am just wondering what the
>> best practice is and why. . All comments and suggestions are welcome and
>> helpful.
>> Thanks!
>
>
> According to Y!DN [1], it is better to choose  over @import because in
> IE @import behaves the same as using  at the bottom of the page.
>
> [1] http://developer.yahoo.com/performance/rules.html#csslink
>
>
> --
> Regards,
> Thierry | http://www.TJKDesign.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-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] IE pushes up my sidebars

[John Shepard]

IE pushes up both right and left sidebars on my homepage.
To view, go to: http://earthpedal.com
Anyone have a fix?

Thanks ahead!

John

__
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] mac ie/5.2

[Jonny Stephens]

On Jan 13, 2009, at 9:51 PM, David Laakso wrote:

> Nav whacked. Fix appreciated.
> 
> ~d

Not the most elegant filter, but adding this seems to pull it into  
shape:

/*\*//*/

* #e ul li a, #e b {width:1px; white-space:nowrap}

/**/

Modified from examples at http://www.l-c-n.com/IE5tests/phantom-links/

Jonny
__
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] mac ie/5.2

[David Laakso]

Jonny Stephens wrote:
> On Jan 13, 2009, at 9:51 PM, David Laakso wrote:
>
>> Nav whacked. Fix appreciated.
>> 
>> ~d
>
> Not the most elegant filter, but adding this seems to pull it into shape:
>
> /*\*//*/
>
> * #e ul li a, #e b {width:1px; white-space:nowrap}
>
> /**/
>
> Modified from examples at http://www.l-c-n.com/IE5tests/phantom-links/
>
> Jonny
>

Thank you Jonny and Philippe,

Corrected to and on our the host/server.

Best,
Melinda French Gates

__
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] IE pushes up my sidebars

[Bill Brown]

John Shepard wrote:
> IE pushes up both right and left sidebars on my homepage.
> To view, go to: http://earthpedal.com
> Anyone have a fix?
> 
> Thanks ahead!
> 
> John

Hi John,

Try this:
#content{zoom:1}

Also maybe wanna have a look at validating the source code, which has a 
few errors.

Hope it helps.
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] IE pushes up my sidebars

[Jack Timmons]

On Tue, Jan 13, 2009 at 7:11 PM, Bill Brown  wrote:

> John Shepard wrote:
> > IE pushes up both right and left sidebars on my homepage.
> > To view, go to: http://earthpedal.com
> > Anyone have a fix?
> >
> > Thanks ahead!
> >
> > John
>
> Hi John,
>
> Try this:
> #content{zoom:1}
>
> Also maybe wanna have a look at validating the source code, which has a
> few errors.
>
> Hope it helps.
> Bill
>

It's not really fair to claim they need to validate if the answer you supply
them is invalid itself.

Other methods of gaining layout are available, height: 0 in a conditional
comment being one I sometimes you. You can always view the chart on
havingLayout [1] as an example of other methods.

-Jack

[1] - http://onhavinglayout.fwpf-webdesign.de/hack_management/

-- 
-Jack Timmons
http://www.trotlc.com
Twitter: @jorachim
__
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] Search Box Alignment

[Del Wegener]

> How can I get these three elements to line up? Preferably at the top of 
> the
> red-bordered div.
>
> Thanks.
> Del
Never mind.  I got it worked out.
Del 


__
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] IE pushes up my sidebars

[Bill Brown]

> It's not really fair to claim they need to validate if the answer you supply
> them is invalid itself.
> 
> Other methods of gaining layout are available, height: 0 in a conditional
> comment being one I sometimes you. You can always view the chart on
> havingLayout [1] as an example of other methods.
> 
> -Jack
> 
> [1] - http://onhavinglayout.fwpf-webdesign.de/hack_management/

The validation of code is an assessment of the code quality. Choosing to 
employ a bit of invalid code because its benefits outweigh its 
detriments is not the same as simply having a page with errors.
__
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] Search Box Alignment

[David Laakso]

Del Wegener wrote:
>> How can I get these three elements to line up? Preferably at the top of 
>> the
>> red-bordered div.
>>
>> Thanks.
>> Del
>> 
> Never mind.  I got it worked out.
> Del 
>
>   
Good.

On now to coping with grand mal seizure?

If not coping with a fragile construct?

~d



__
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] IE pushes up my sidebars

[John Shepard]

Thanks for the heads up on validation. Looking better now but still having
the problem in IE.

John


On 1/13/09 5:11 PM, "Bill Brown"  wrote:

> John Shepard wrote:
>> IE pushes up both right and left sidebars on my homepage.
>> To view, go to: http://earthpedal.com
>> Anyone have a fix?
>> 
>> Thanks ahead!
>> 
>> John
> 
> Hi John,
> 
> Try this:
> #content{zoom:1}
> 
> Also maybe wanna have a look at validating the source code, which has a
> few errors.
> 
> Hope it helps.
> 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] IE pushes up my sidebars

[Gunlaug Sørtun]

John Shepard wrote:
> Thanks for the heads up on validation. Looking better now but still
> having the problem in IE.

>>> http://earthpedal.com

IE6 doesn't push up the side columns, it expands the #masthead. It's
IE's old "auto-expansion bug", and that can be "cured" by adding...

* html #masthead {overflow-y: hidden;}


Your layout doesn't tolerate font resizing well, which it has to since
the text is unreadable small at default.

Also: you've triggered IE's "em font-resizing bug"...

...which leads to even less tolerance for font resizing.

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-d] IE not hiding overflow?

[Daniel Hammond]

I have three things for you guys to look at. IE6 and IE7 are the only
browsers having this problem.

Here's the first thing:
URL: http://www.studentremix.org/ms/index.htm
CSS: http://www.studentremix.org/ms/ms.css
Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg
The red arrows show what's going wrong. There is a little bit of blue
extending down below the nav bar. It's not supposed to do that. View the
page in FF, Opera, Safari, or Chrome to see how it's supposed to look.

Second thing:
URL: http://www.studentremix.org/hs/index.htm
CSS: http://www.studentremix.org/hs/hs.css
Screenshot of the problem: http://www.studentremix.org/issues/hs.jpg
When this one is viewed in IE, it displays it correctly. Strange.

Third thing:
URL: http://www.studentremix.org/parents/index.htm
CSS: http://www.studentremix.org/parents/parents.css
Screenshot of the problem: http://www.studentremix.org/issues/parents.jpg
The same problem that the Middle School section has also appears here,
except it's confined to the right-side column, rather than spanning all of
the nav links.

Does anyone have any ideas as to why IE is making this happen?

Much thanks,
Daniel

__
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] IE not hiding overflow?

[Richard Grevers]

On Wed, Jan 14, 2009 at 7:04 PM, Daniel Hammond
 wrote:
> I have three things for you guys to look at. IE6 and IE7 are the only
> browsers having this problem.
>
> Here's the first thing:
> URL: http://www.studentremix.org/ms/index.htm
> CSS: http://www.studentremix.org/ms/ms.css
> Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg
> The red arrows show what's going wrong. There is a little bit of blue
> extending down below the nav bar. It's not supposed to do that. View the
> page in FF, Opera, Safari, or Chrome to see how it's supposed to look.
>
It's probably not a case of failing to hide overflow but of it making
the element larger than you expect. Slap on a red border as a test and
I bet it will be beneath your unwanted bit of blue.

-- 
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
__
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/