Re: [css-d] Lists, margins, padding in IE

[David Hucklesby]

On Sat, 22 Nov 2008 15:28:44 -0500, Erik Harris wrote:
> On 11/22/2008 12:02 PM, Mustafa Quilon wrote:
>> Try making the latter more specific, eg:
>>
>> #sidebar ul #statistics ul li {
>> list-style-position: outside;
>> }
>>
> That did it.  Thanks Mustafa!
>
[...]
>
> What are you using to determine how IE parses the styling? 

--
I can't speak for Mustafa, but I use the IE Debug Bar:

  

Having said that, I still could not locate the problem. Kudos to
Mustafa, whatever he uses.

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
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] IE6 horizontal list height problem

[Gunlaug Sørtun]

Peter Bradley wrote:
> I have a horizontal navigation list on a page.  It looks fine in FF, 
> but has no bottom padding in IE6 (I haven't had chance to try it in 
> IE7 yet).

> http://www.apvx95.dsl.pipex.com/SpanishIntensives/index.html

The padding is there. We know this as an "IE stacking bug", by which
some layers of an element get lost. Since this is the last line on the
page, IE "thinks" it is done when it has made the text visible.

Can be fixed by applying 'hasLayout' to the right element to prevent IE
from finishing to early, but in this case the simplest fix is to add...

#home-navlist a {
 position: relative;
}

...which makes IE collect together and stack all layers of an element
properly and make it all visible.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] IE6 horizontal list height problem

[David Laakso]

Peter Bradley wrote:
>
>
> Ouch!  Yes.  Sorry.  Copy and paste error.  Now validates, but is still
> odd in IE6
>
>
>
> Peter
>
>   


I believe the correction for IE/7.0 and IE/6.0 is:
#home-navlist-container {
border: 1px solid fuchsia; <-- :: 4 position only ::
padding: 0.5em 0; <--- :: add this rule to the 
declaration ::
text-align:center;
margin-top:3em;
}

As ever,
Antonio Banderas

-- 

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

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] IE6 horizontal list height problem

[Peter Bradley]

Ysgrifennodd David Laakso:

> Validate the markup. Bring it back. Let's play.
> As ever,
> el mariachi
> -- desperado
> 
>


Ouch!  Yes.  Sorry.  Copy and paste error.  Now validates, but is still
odd in IE6

Thanks for pointing that out.

Cheers


Peter

__
css-discuss [EMAIL PROTECTED]
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] IE6 horizontal list height problem

[David Laakso]

Peter Bradley wrote:
> I have a horizontal navigation list on a page.  It looks fine in FF, but
> has no bottom padding in IE6 (I haven't had chance to try it in IE7 yet).
>
> http://www.apvx95.dsl.pipex.com/SpanishIntensives/index.html
>
>
>
> Peter
>
>   


Validate the markup. Bring it back. Let's play.
As ever,
el mariachi
-- desperado


-- 

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

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] IE6 horizontal list height problem

[Peter Bradley]

I have a horizontal navigation list on a page.  It looks fine in FF, but
has no bottom padding in IE6 (I haven't had chance to try it in IE7 yet).

Is there a fix for this, or do I have to live with it?

I've put the page up temporarily at:

http://www.apvx95.dsl.pipex.com/SpanishIntensives/index.html

Thanks a lot.


Peter



__
css-discuss [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Paul Jung]

Georg,

WOW!!! You are a genius!!! Works!!!

THANK YOU!!!

Paul

- Original Message - 
From: "Gunlaug Sørtun" <[EMAIL PROTECTED]>
To: "Paul Jung" <[EMAIL PROTECTED]>
Cc: 
Sent: Saturday, November 22, 2008 7:44 PM
Subject: Re: [css-d] top border of side bars are lower than maind content in 
IE6


> Paul Jung wrote:
>> Georg
>>
>> I studied your version, and changed some of the css codes, but I
>> still can not get where you are. In IE, the top of side bars are
>> still lower than that of main content. It is so ugly. I don't know
>> what's wrong. Could you please give me a hint?
>
> Comment out or delete this...
> .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
> ...that you have in your !--[if IE]> styles.
>
> Georg
> -- 
> http://www.gunlaug.no
> __
> css-discuss [EMAIL PROTECTED]
> 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 [EMAIL PROTECTED]
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] Lists, margins, padding in IE

[Erik Harris]

On 11/22/2008 12:02 PM, Mustafa Quilon wrote:
> Try making the latter more specific, eg:

> #sidebar ul #statistics ul li {
> list-style-position: outside;
> }

That did it.  Thanks Mustafa!

Unfortunately, IE still is using either expanded padding or margins for 
the list items, but I can deal with that.  It looks better, at least.

What are you using to determine how IE parses the styling?  I wish I had 
something like Firebug for IE.  It's a life saver when troubleshooting 
web pages in Firefox, but doesn't do much for the browsers that can't be 
bothered to adhere to the standards.  I found two "Firebug IE 
bookmarklets," but couldn't get either to work (one does nothing, 
another opens a blank console box at the bottom of the window).

-- 

Erik Harrishttp://www.eHarrisHome.com
-AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172-
Chinese-Indonesian Martial Arts Club  http://www.kungfu-silat.com
__
css-discuss [EMAIL PROTECTED]
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] Centre an image

[Peter Bradley]

Ysgrifennodd David Laakso:
>
> You wanna know silly and gone mad hang around in my space for awhile.
> An example always helps me.
> 
>
In the spirit, therefore, of the example:

Muchos gracias.

Hasta luego.


Peter

__
css-discuss [EMAIL PROTECTED]
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] Centre an image

[David Laakso]

Peter Bradley wrote:
> I apologise in advance for this really silly question.
>
> I'm just trying to centre an image at the top of a page, but I can't for
> the life of me do it.  I must be going mad.
>   


You wanna know silly and gone mad hang around in my space for awhile.
An example always helps me.

__
css-discuss [EMAIL PROTECTED]
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] Centre an image

[Michael Adams]

On Sat, 22 Nov 2008 19:08:50 +
Came this utterance fomulated by Peter Bradley to my mailbox:

> Ysgrifennodd Estelle Weyl:
> > Give the parent a width of 100%, then give the image a display of
> > block and margin auto.
> >
> >
> >   
> 
> Doesn't seem to work for me.

But adding 'text-align: center" to the parent will.

Typically i do this to body to center the whole site in the browser.
Then use 'text-align: left' for relevant content divs. Thus:

#header {
width:100%;
text-align:center;
}

img#logo {
display:block;
margin:auto;
}

-- 
Michael

All shall be well, and all shall be well, and all manner of things shall
be well

 - Julian of Norwich 1342 - 1416
__
css-discuss [EMAIL PROTECTED]
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] Centre an image

[Peter Bradley]

Ysgrifennodd Estelle Weyl:
> Give the parent a width of 100%, then give the image a display of block and 
> margin auto.
>
>
>   

Doesn't seem to work for me.  I've now got in the HTML:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
http://www.w3.org/1999/xhtml";>

Spanish Intensives - Home









and in the CSS:

#header {
width:100%;
}

img#logo {
display:block;
margin:auto;
}

The image still sticks to the left of the viewport.

Thanks for the suggestion, though.

Cheers


Peter



__
css-discuss [EMAIL PROTECTED]
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] Centre an image

[Peter Bradley]

I apologise in advance for this really silly question.

I'm just trying to centre an image at the top of a page, but I can't for
the life of me do it.  I must be going mad.

All I have in my html file so far is this:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
http://www.w3.org/1999/xhtml";>

Spanish Intensives - Home








In my CSS file, I've tried:

#logo {
margin-left:20%;
margin-right:20%;
}

I've tried various percentages but none work.

I've also tried:

#logo {
width:60%;
margin:auto;
}

(at various widths - using ems, percentages and pixels)

I've also tried putting the image in a div and tried centering the div,
but with no more luck than with the image itself.

Whatever I do, the img sticks stubbornly to the left of the viewport.

I'd be very grateful if someone could put me out of my misery.

Thanks


Peter

__
css-discuss [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Gunlaug Sørtun]

Paul Jung wrote:
> Georg
> 
> I studied your version, and changed some of the css codes, but I
> still can not get where you are. In IE, the top of side bars are
> still lower than that of main content. It is so ugly. I don't know
> what's wrong. Could you please give me a hint?

Comment out or delete this...
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
...that you have in your !--[if IE]> styles.

Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Paul Jung]

Georg

I studied your version, and changed some of the css codes, but I still can 
not get where you are. In IE, the top of side bars are still lower than that 
of main content. It is so ugly. I don't know what's wrong. Could you please 
give me a hint?

Paul



- Original Message - 
From: "Gunlaug Sørtun" <[EMAIL PROTECTED]>
To: "Paul Jung" <[EMAIL PROTECTED]>
Cc: 
Sent: Saturday, November 22, 2008 5:03 PM
Subject: Re: [css-d] top border of side bars are lower than maind content in 
IE6


> Paul Jung wrote:
>> Gunlaug, thank you, for answering, but I am still a beginner of css,
>> I even have problem to underestand some of the basic terms.
>
> Fair enough.
> As a beginner you'll have take the time to study every detail in
> responses you receive. After all: it has taken those of us who know the
> answers quite a long time to get to that point, and there are no working
> shortcuts. Take your time and you'll get there.
>
> One thing that does make the rendering of your design pretty
> unpredictable across browser-land, is the many errors in your markup. I
> haven't corrected any of those because they don't bother me, but 57
> errors in one page is 57 too many - even if some of them are repeated
> messages caused by the same errors.
>
>> I tried firefox, i found one problem, that the navigation menu
>> doesn't appear. Who know the reason?
>
> Again:
>
> 1: IE6 doesn't respect declared dimensions, while Firefox does.
>
> You have declared dimensions that are too small for the content, so the
> content disappears outside its intended container.
> The reason for this is you're - knowingly or not - relying on
> browser-defaults for lists and other elements, and they are not
> identical across browser-land.
>
>
> Now, carefully compare the CSS in yours...
>
 
>
> ...element for element with that in mine...
>
>>> 
>
> Everything shows up in mine - in all browsers, because I've leveled
> rendering of lists and other elements by declaring my own values where
> browser-defaults differ.
>
> In addition to that I'm letting containers expand freely in height - by
> commenting out your 'height' declarations, and made sure containers
> expand properly even when content consists of floats - I'm using floats
> to contain floats in this case.
>
> regards
> Georg
> -- 
> http://www.gunlaug.no
> __
> css-discuss [EMAIL PROTECTED]
> 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 [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Paul Jung]

Georg,

I saw your version, it is amazing, how you managed it. I have a lot to 
learn. So far, thank you again, and have a nice weekend!

Paul

- Original Message - 
From: "Gunlaug Sørtun" <[EMAIL PROTECTED]>
To: "Paul Jung" <[EMAIL PROTECTED]>
Cc: 
Sent: Saturday, November 22, 2008 5:03 PM
Subject: Re: [css-d] top border of side bars are lower than maind content in 
IE6


> Paul Jung wrote:
>> Gunlaug, thank you, for answering, but I am still a beginner of css,
>> I even have problem to underestand some of the basic terms.
>
> Fair enough.
> As a beginner you'll have take the time to study every detail in
> responses you receive. After all: it has taken those of us who know the
> answers quite a long time to get to that point, and there are no working
> shortcuts. Take your time and you'll get there.
>
> One thing that does make the rendering of your design pretty
> unpredictable across browser-land, is the many errors in your markup. I
> haven't corrected any of those because they don't bother me, but 57
> errors in one page is 57 too many - even if some of them are repeated
> messages caused by the same errors.
>
>> I tried firefox, i found one problem, that the navigation menu
>> doesn't appear. Who know the reason?
>
> Again:
>
> 1: IE6 doesn't respect declared dimensions, while Firefox does.
>
> You have declared dimensions that are too small for the content, so the
> content disappears outside its intended container.
> The reason for this is you're - knowingly or not - relying on
> browser-defaults for lists and other elements, and they are not
> identical across browser-land.
>
>
> Now, carefully compare the CSS in yours...
>
 
>
> ...element for element with that in mine...
>
>>> 
>
> Everything shows up in mine - in all browsers, because I've leveled
> rendering of lists and other elements by declaring my own values where
> browser-defaults differ.
>
> In addition to that I'm letting containers expand freely in height - by
> commenting out your 'height' declarations, and made sure containers
> expand properly even when content consists of floats - I'm using floats
> to contain floats in this case.
>
> regards
> Georg
> -- 
> http://www.gunlaug.no
> __
> css-discuss [EMAIL PROTECTED]
> 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 [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Paul Jung]

My goodness! 57 errors! It is really a shame of me. I have to find out where 
they are, and how did I make them. THANK YOU!

Paul



- Original Message - 
From: "Gunlaug Sørtun" <[EMAIL PROTECTED]>
To: "Paul Jung" <[EMAIL PROTECTED]>
Cc: 
Sent: Saturday, November 22, 2008 5:03 PM
Subject: Re: [css-d] top border of side bars are lower than maind content in 
IE6


> Paul Jung wrote:
>> Gunlaug, thank you, for answering, but I am still a beginner of css,
>> I even have problem to underestand some of the basic terms.
>
> Fair enough.
> As a beginner you'll have take the time to study every detail in
> responses you receive. After all: it has taken those of us who know the
> answers quite a long time to get to that point, and there are no working
> shortcuts. Take your time and you'll get there.
>
> One thing that does make the rendering of your design pretty
> unpredictable across browser-land, is the many errors in your markup. I
> haven't corrected any of those because they don't bother me, but 57
> errors in one page is 57 too many - even if some of them are repeated
> messages caused by the same errors.
>
>> I tried firefox, i found one problem, that the navigation menu
>> doesn't appear. Who know the reason?
>
> Again:
>
> 1: IE6 doesn't respect declared dimensions, while Firefox does.
>
> You have declared dimensions that are too small for the content, so the
> content disappears outside its intended container.
> The reason for this is you're - knowingly or not - relying on
> browser-defaults for lists and other elements, and they are not
> identical across browser-land.
>
>
> Now, carefully compare the CSS in yours...
>
 
>
> ...element for element with that in mine...
>
>>> 
>
> Everything shows up in mine - in all browsers, because I've leveled
> rendering of lists and other elements by declaring my own values where
> browser-defaults differ.
>
> In addition to that I'm letting containers expand freely in height - by
> commenting out your 'height' declarations, and made sure containers
> expand properly even when content consists of floats - I'm using floats
> to contain floats in this case.
>
> regards
> Georg
> -- 
> http://www.gunlaug.no
> 

__
css-discuss [EMAIL PROTECTED]
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] Lists, margins, padding in IE

[Mustafa Quilon]

Hey Erik,

At first I thought IE was inheriting your text-indent property, however, it
was evaluating this property defined on:-

#sidebar ul ul li, #sidebar ul ol li {
list-style-position: inside;
}

when it should be using this:-

#sidebar #statistics li {
list-style-position: outside;}

Try making the latter more specific, eg:

#sidebar ul #statistics ul li {
list-style-position: outside;
}

or just #sidebar  #statistics ul li, should do.

HTH

- Mustafa
__
css-discuss [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Gunlaug Sørtun]

Paul Jung wrote:
> Gunlaug, thank you, for answering, but I am still a beginner of css,
> I even have problem to underestand some of the basic terms.

Fair enough.
As a beginner you'll have take the time to study every detail in
responses you receive. After all: it has taken those of us who know the
answers quite a long time to get to that point, and there are no working
shortcuts. Take your time and you'll get there.

One thing that does make the rendering of your design pretty
unpredictable across browser-land, is the many errors in your markup. I
haven't corrected any of those because they don't bother me, but 57
errors in one page is 57 too many - even if some of them are repeated
messages caused by the same errors.

> I tried firefox, i found one problem, that the navigation menu
> doesn't appear. Who know the reason?

Again:

1: IE6 doesn't respect declared dimensions, while Firefox does.

You have declared dimensions that are too small for the content, so the
content disappears outside its intended container.
The reason for this is you're - knowingly or not - relying on
browser-defaults for lists and other elements, and they are not
identical across browser-land.


Now, carefully compare the CSS in yours...

>>> 

...element for element with that in mine...

>> 

Everything shows up in mine - in all browsers, because I've leveled
rendering of lists and other elements by declaring my own values where
browser-defaults differ.

In addition to that I'm letting containers expand freely in height - by
commenting out your 'height' declarations, and made sure containers
expand properly even when content consists of floats - I'm using floats
to contain floats in this case.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Paul Jung]

Gunlaug, thank you, for answering, but I am still a beginner of css, I even 
have problem to underestand some of the basic terms.
I tried firefox, i found one problem, that the navigation menu doesn't 
appear. Who know the reason?

Paul

- Original Message - 
From: "Gunlaug Sørtun" <[EMAIL PROTECTED]>
To: "Paul Jung" <[EMAIL PROTECTED]>
Cc: 
Sent: Saturday, November 22, 2008 2:05 PM
Subject: Re: [css-d] top border of side bars are lower than maind content in 
IE6


> Paul Jung wrote:
>
>> if you open in IE 6, http://www.europeeurope.net/ you will see the
>> top border of the left and right side bar are lower than that of
>> maind content.
>>
>> But when i open in firefox, that is ok.
>>
>> why?
>
> 1: IE6 doesn't respect declared dimensions, while Firefox does.
>
> 2: You've fed IE styles it doesn't need and never should be given, while
> trying to compensate for an imaginary bug.
>
> 3: Your page breaks in all browsers but IE6 upon font resizing, because
> of all those declared 'height', since all browsers but IE6 and older
> respect declared 'height'.
>
>
> If you give all browsers the same styles, and the freedom to adjust
> element 'height' as they see fit, they'll become "environmentally
> friendly" and line up those columns the same way.
>
> Example:
> 
>
> (the devil is in the details - but so is the salvation ;-) )
>
> regards
> Georg
> -- 
> http://www.gunlaug.no
> __
> css-discuss [EMAIL PROTECTED]
> 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 [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Gunlaug Sørtun]

Paul Jung wrote:

> if you open in IE 6, http://www.europeeurope.net/ you will see the 
> top border of the left and right side bar are lower than that of 
> maind content.
> 
> But when i open in firefox, that is ok.
> 
> why?

1: IE6 doesn't respect declared dimensions, while Firefox does.

2: You've fed IE styles it doesn't need and never should be given, while
trying to compensate for an imaginary bug.

3: Your page breaks in all browsers but IE6 upon font resizing, because
of all those declared 'height', since all browsers but IE6 and older
respect declared 'height'.


If you give all browsers the same styles, and the freedom to adjust
element 'height' as they see fit, they'll become "environmentally
friendly" and line up those columns the same way.

Example:


(the devil is in the details - but so is the salvation ;-) )

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] top border of side bars are lower than maind content in IE6

[Paul Jung]

Hello there,

if you open in IE 6, http://www.europeeurope.net/
you will see the top border of the left and right side bar are lower than that 
of maind content.

But when i open in firefox, that is ok.

why?

And I see it in Dreamweaver design view normal.

Thank you for any help,

Paul
__
css-discuss [EMAIL PROTECTED]
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] IE8b2 min-height preventing margin collapse

[Bruno Fassino]

Alan Gresley wrote:
>
> 
>
> This means that only Firefox shows these test cases correctly
> according to the wording of the spec.


Yes, but there is some discussion going on in the CSS WG (see for example
[1]), so the spec might be changed in that part.

[1] http://lists.w3.org/Archives/Public/www-style/2008Nov/0473.html


--
Bruno Fassino http://www.brunildo.org/test

__
css-discuss [EMAIL PROTECTED]
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/