[css-d] problem with IE

[Camilo Kawerín]

Hi,

I have this page:

http://sportivoferroviario.com/index.php

The problem is in a group of div like this:










#news {width:40em; }
#news div.new {float:left; width:20em; }
#news div.advertise img {width:20em; }

In Firefox I get the expected result:

http://sportivoferroviario.com/FF.jpg

But, in Internet Explorer 6, doesn´t:

http://sportivoferroviario.com/IE.jpg

Any help will be apreciatte,

Best regards
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE

[Earth Pedal Design]

I am having a problem with IE.  Take a look:
http://www.pnma.org/beta_index.htm

Looks good with other browsers

Help!

John

__
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] Problem with IE

[Alan Chandler]

I have a problem on my personal web site (see url in my signature).  There is 
an image and some text inside a div.


Chandler's Zen


The div itself has a background image which is repeated in the y-direction, 
the image is floated left.  On firefox (and Konqueror) the height of this 
image is what I want, the depth of the heading text and its padding.  A 
subsequent div (the menu) is designed to sit up to the right of the bottom 
element of the image.

On IE, the background image is stretched down the the height of the floated 
left image, forcing the menu down below the image.

I have searched around the net in search of any indication of what on IE is 
causing this problem and for a hack to get round it.  But I can't find one.  
Can someone here help me please with what to do.

Thanks.

-- 
Alan Chandler
http://www.chandlerfamily.org.uk
Open Source. It's the difference between trust and antitrust.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem With IE

[Ken Webster]

Hello,
I am relatively new to CSS I thought I would give it a go on a design  
and the design looks fine in every browser except IE.

The site is at http://www.soihost.com/second/
The CSS is at http://www.soihost.com/second/screenstyle.css

I have validated and spent the last 2 days trying to find a answer on  
Google with no luck.

Thanks for any help!

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem With IE

[Sebastian Dammark]

Try with this style for your menulist:
ul.navbar {
width : 100%;
margin : 0;
padding : 0;
background-color : #89d60e;
}

.navbar li {
float: left;
list-style:none;
width: 20%;
}

And the set the width of .titleBox top 98%

// Sebastian Dammark
www.dammark.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE

[Danielle Tilley]

Does anyone have any idea why on my sites homepage

www.ponderosawebsolutions.com/OREND

the div containing the logo and quote shows up in Firefox but not in 
IE7.  I haven't checked any other browsers yet. 

here is a link to the CSS

www.ponderosawebsolutions.com/OREND/css/orend.css

Thanks
Danielle
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problem with ie/firefox

[Jennifer Gardner]

Hello,

I am having a problem getting something to look good in both ie and firefox.  
If I fix the margin/padding to look correct in IE the gray background comes up 
behind the navigation into the header in firefox.  If I fix it in firefox, I 
get a white gap in between the navigation and the gray backgound underneath the 
navigation bar.  You can see it here:  
http://www.gns-abilene.com/index.htm  

Right now I have it set up to look correct in IE.  These are the only two 
browsers I have access to, so I am unsure of what happens in some of the other 
ones out there.

Here is the css that deals with that part of the site:

#container #homeRightContent #working {
float: right;

}

#container #homeLeftContent {
background-color: #ececec;
/*padding-top: 1em;*/

padding-left: 1.4em;
font-size:.85;
}

#container #homeLeftContent h1 {
padding: 1em 0 0 0;
}
#container #homeRightContent #working {
padding-left: 1.5em;
}
#container #homeLeftContent h2 {
padding-top: 0em;
}

I sure would appreciate some help - thank you in advance!!

Jennifer
 





__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[ilduca69]

Il giorno 10/feb/06, alle ore 23:19:22, Alan Chandler ha scritto:

> I have a problem on my personal web site (see url in my  
> signature).  There is
> an image and some text inside a div.
>
> 
> Chandler's Zen
> 
>

http://validator.w3.org/check?uri=http%3A%2F% 
2Fwww.chandlerfamily.org.uk%2F&charset=%28detect+automatically% 
29&doctype=Inline&verbose=1

> Thanks.
>
> -- 
> Alan Chandler
> http://www.chandlerfamily.org.uk
> Open Source. It's the difference between trust and antitrust.

ilduca69
XHTML + CSS
http://ilduca69.altervista.org



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Alan Chandler]

On Saturday 11 February 2006 02:42, ilduca69 wrote:
> Il giorno 10/feb/06, alle ore 23:19:22, Alan Chandler ha scritto:
> > I have a problem on my personal web site (see url in my
> > signature).  There is
> > an image and some text inside a div.
> >
> > 
> > Chandler's Zen
> > 
>
> http://validator.w3.org/check?uri=http%3A%2F%
> 2Fwww.chandlerfamily.org.uk%2F&charset=%28detect+automatically%
> 29&doctype=Inline&verbose=1
>

I agree that the validator seems to fail quite a lot.  Most of the problem 
comes from closing the tags with a /> inside the head

Unfortunately I am not sure what I can do about this, because I am using the 
Tapestry Framework to generate the page, and this part is generated by a 
standard component.

But, I guess my main question is - has this anything to do with the problem I 
am experiencing?


-- 
Alan Chandler
http://www.chandlerfamily.org.uk
Open Source. It's the difference between trust and antitrust.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Alan Chandler]

On Saturday 11 February 2006 07:52, Alan Chandler wrote:
> On Saturday 11 February 2006 02:42, ilduca69 wrote:

> > http://validator.w3.org/check?uri=http%3A%2F%
> > 2Fwww.chandlerfamily.org.uk%2F&charset=%28detect+automatically%
> > 29&doctype=Inline&verbose=1
>
> I agree that the validator seems to fail quite a lot.  

OK - I managed to almost fix up the page so the validator works, mainly by 
defining the DOCTYPE an xhtml.  There is one warning which will take some 
more work, but is not related to this.

Now, I'll ask the question again .  My web page, at the url below will not 
display properly in IE.  The div with id="header" is being expanded 
vertically to match the height of the floated image, whereas I want to to 
stay at the height of the text plus padding, as it does in Firefox.

I have been unable to find what quirk it is that causes this, and therefore 
not find a way around it.  Can anyone help.
-- 
Alan Chandler
http://www.chandlerfamily.org.uk
Open Source. It's the difference between trust and antitrust.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Jim Nannery]

Alan

You wrote

> Now, I'll ask the question again .  My web page, at the url below will not
> display properly in IE.  The div with id="header" is being expanded
> vertically to match the height of the floated image, whereas I want to to
> stay at the height of the text plus padding, as it does in Firefox.
>
> I have been unable to find what quirk it is that causes this, and 
> therefore
> not find a way around it.  Can anyone help.

The *quirk* in your page is the you have triggered IE's Quirks [1] mode. 
You have placed two comments ahead of the XHTML Doctype Declaration.  Moving 
those bits below the Doctype  in the head of your document will trigger IE's 
Standards Mode.[2]  Any code or comments ( including an XHTML prologue) 
appearing before the XHTML Doctype will cause IE 6 to switch.  This 
condition should be fixed in IE7.

Getting IE 6 in Standards mode should make it render more like FireFox.

[1] http://www.quirksmode.org/css/quirksmode.html
[2] http://www.alistapart.com/stories/doctype/

Hope this helps...

Jim Nannery
www.redfernenterprises.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Ingo Chao]

Alan Chandler wrote:
> OK - I managed to almost fix up the page so the validator works, mainly by 
> defining the DOCTYPE an xhtml.  There is one warning which will take some 
> more work, but is not related to this.
> 
> Now, I'll ask the question again .  

Thanks for validating; it makes debugging easier, and it's not an end in 
itself.


My web page, at the url below will not
> display properly in IE.  The div with id="header" is being expanded 
> vertically to match the height of the floated image, whereas I want to to 
> stay at the height of the text plus padding, as it does in Firefox.
> 
> I have been unable to find what quirk it is that causes this, and therefore 
> not find a way around it.  
> http://www.chandlerfamily.org.uk


You are throwing comments in before the doctype; therefore, IE7b2 and 
IE6 are rendering the page in quirks mode.

I mention this because the fix below will /not/ work in quirks mode.

Your CSS

   #header { ... width: 800px; }

gives 'layout' to the header [1]. Having layout, the header will expand 
to contain the floating img.

   #header img { ... float: left; }


In standards mode, IE7 would respect a given height - let's say, 50px -

   #header { ... width: 800px; height: 50px; }

Without this explicit height, even in 'more standards' mode, IE7 
unfortunately still expands the header to contain the float because of 
the mentioned 'layout' issue.
That's it for IE7b2.

IE6 needs a restriction to prevent the expanding:

   #header { ... width: 800px; height: 50px; overflow:hidden;}

Now the height is respected, but the image is cut. So

   #header img { .. float: left; position:relative;}

is needed to let the float stick out of the header.

This does not work in quirks mode, and this does not work in IE5.5 or below.

Other browsers shouldn't see this quirky stuff, so the head section 
needs a conditional comment 'less than or equal to' IE7

   


and iefix.css says

   #header { height: 50px; }

   #header { _overfl\ow: hidden;} /* only IE6, because the underscore 
excludes IE7 and the escape excludes IE5.5 */

   #header img { _position:relative;} /* lte IE6 */


But I see, this path full of hacks. An alternative path would be to 
change the condition that IE tries to contain the float at all.
Back to the first step:

   #header { ... width: 800px; }

Can't your design do without this width?

Ingo

[1] http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Alan Chandler]

On Saturday 11 February 2006 20:33, Ingo Chao wrote:

> But I see, this path full of hacks. An alternative path would be to
> change the condition that IE tries to contain the float at all.
> Back to the first step:
>
>#header { ... width: 800px; }
>
> Can't your design do without this width?

I don't think its needed, so I took it out.   Indeed, I would have difficulty 
following the other path exactly, because much of the page header stuff is 
generated by the Tapestry Framework that I am using and it would be quite 
difficult (although not impossible) to figure out how to get it to render the 
conditional stuff).

Now at least I get some semblance of what I want with IE6 (only one tried - I 
run a linux desktop, so have to go bother my wife ot have a look).

However, it is still not exactly right.  The black band with the title in it 
should more or less (I think there is a couple of pixels out at the moment) 
line up with the top of the logo picture).  On IE it seem to be about the 
third the way down the logo picture.

-- 
Alan Chandler
http://www.chandlerfamily.org.uk
Open Source. It's the difference between trust and antitrust.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Ingo Chao]

Alan Chandler wrote:
> However, it is still not exactly right.  The black band with the title in it 
> should more or less (I think there is a couple of pixels out at the moment) 
> line up with the top of the logo picture).  On IE it seem to be about the 
> third the way down the logo picture.

zero the default margin-top of the h1

-if that's possible in the Tapestry Framework ;)

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Alan Chandler]

On Sunday 12 February 2006 10:29, Ingo Chao wrote:
> Alan Chandler wrote:
> > However, it is still not exactly right.  The black band with the title in
> > it should more or less (I think there is a couple of pixels out at the
> > moment) line up with the top of the logo picture).  On IE it seem to be
> > about the third the way down the logo picture.
>
> zero the default margin-top of the h1

It works thanks, but I don't understand why margin-top was ever non zero.  My 
css guides say its default value is zero and its not inherited.

>
> -if that's possible in the Tapestry Framework ;)

Almost everything is possible, some things take more time than others :-)

But the CSS is all mine, I have a standardardized border component that takes 
a application level parameter of the url for the site CSS and another one, if 
I want, for each page and writes them into the header.

Its my brain that gets fried, trying to follow all the problems browser 
differences occurs.  Its made worse by the fact that I use Konqueror as my 
standard browser, which almost nobody takes account of and which 
occassionally does some strange things.

-- 
Alan Chandler
http://www.chandlerfamily.org.uk
Open Source. It's the difference between trust and antitrust.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Ingo Chao]

Alan Chandler wrote:
> On Sunday 12 February 2006 10:29, Ingo Chao wrote:
>> zero the default margin-top of the h1
> 
> It works thanks, but I don't understand why margin-top was ever non zero.  My 
> css guides say its default value is zero and its not inherited.

Browser defaults are different, and, to complicate things, the 
implementation of margin-collapsing is buggy in IE.

Some set all to zero and build up upon:

* {margin:0; padding:0}

> Its my brain that gets fried, trying to follow all the problems browser 
> differences occurs.  Its made worse by the fact that I use Konqueror as my 
> standard browser, which almost nobody takes account of and which 
> occassionally does some strange things.

You are right, it's boring to speak about the state of bug decay in 
different IE versions like in a self-help group again and again, and it 
would be fun to discuss more fresh stuff about Konqueror and Safari here.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem With IE

[Greg Maruszeczka]

Ken Webster wrote:
> Hello,
> I am relatively new to CSS I thought I would give it a go on a design  
> and the design looks fine in every browser except IE.
> 
> The site is at http://www.soihost.com/second/
> The CSS is at http://www.soihost.com/second/screenstyle.css
> 
> I have validated and spent the last 2 days trying to find a answer on  
> Google with no luck.
> 

Drop the (optional) xml declaration -- it throws IE into Quirks Mode.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE

[Gunlaug Sørtun]

Danielle Tilley wrote:
> Does anyone have any idea why on my sites homepage
> 
> www.ponderosawebsolutions.com/OREND
> 
> the div containing the logo and quote shows up in Firefox but not in 
> IE7.  I haven't checked any other browsers yet. 

IE needs a 'hasLayout'[1] trigger.
I suggest you add...
#content {height: 1%;}
...to fix IE's problem.

Opera 9.x and Safari 2.x render it like Firefox 2.x does.

Remark: you should also test with browser's font-resizing options, and 
improve the design so it can take a bit of stress.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with ie/firefox

[Mauricio Samy Silva]

Hi Jennifer,
Do the following in your CSS:
1-) Get rid of margin-top:1em for #navigation;
2-) Add: #header map {margin-bottom:1em;}

Maurício Samy Silva
http://www.maujor.com/

> I am having a problem getting something to look good in both ie and 
> firefox.  If I fix the margin/padding to look correct in IE the gray 
> background comes up behind the navigation into the header in firefox.  If 
> I fix it in firefox, I get a white gap in between the navigation and the 
> gray backgound underneath the navigation bar.  You can see it here:
> http://www.gns-abilene.com/index.htm
>
> Right now I have it set up to look correct in IE.  These are the only two 
> browsers I have access to, so I am unsure of what happens in some of the 
> other ones out there.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE showing text

[Brian Jones]

Hi,

When I view my page Internet Explorer is not displaying the text right
away. I have to highlight the text or scroll the page for the text to
be show and sometimes after that it disappears again.  The text
displays fine with Firefox...so it's not a font color issue like I
first thought. Does anyone know what this issue is?...is a CSS issue
or what?...I never had this happen before so I'm clueless
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE for Mac

[JhnCaton]

Dear css-discuss
I have a problem with the IE browser for Mac.
The page can be seen at:
http://www.sheldrake.org/homepage.html
which will eventually be the new index page for this website.
The page works ok on IE 6.0 for Windows, Firefox 1.0.1 and Safari 1.2 for 
Mac.
On IE for Mac the page structure breaks down, the fern image appears right of 
the Nav bar instead of below, and the navigation links don't work.
The problem seems to be associated with the css scripting for the nav bar 
(within head section of page). 
Help much appreciated.
John Caton.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE and background image

[Lee Underwood]

I am new on the list and need some help.

I have placed a fixed background image on my Web site at: 
. It works fine in Firefox but not IE. 
However, I have a fixed image on another place on the Web site 
 that works fine in both Firefox and IE. The style 
sheets are loaded here:


for the site that doesn't work:
http://www.shamar.org/style/news.css

and for the site that does:
http://www.shamar.org/style/core-style.css

I am guessing it's something simple ... appreciate it.

Lee

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE and background image

[Lee Underwood]

I am new on the list and need some help.

I have placed a fixed background image on my Web site at: 
. It works fine in Firefox but not IE. 
However, I have a fixed image on another place on the Web site 
 that works fine in both Firefox and IE. The style 
sheets are loaded here:


for the site that doesn't work:
http://www.shamar.org/style/news.css

and for the site that does:
http://www.shamar.org/style/core-style.css

I am guessing it's something simple ... appreciate it.

Lee 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE 7 and transparency

[Jason Pruim]

Hi Everyone,

So I am running into one of my first Conditional comment issues... I  
haven't had to work with it to this degree before so I'm a little lost  
and looking for some help.

The website is: 
http://www.raoset.com/dev/schreurprinting.com/p.php?purl=cssd-test

The problem is the logo, it's using some transparency effects so I  
have the following code:


.noshow {display:none;}

.floatright {float:right;}
.floatleft {float:left;}





Welcome {$row['FName']}






http://www.raoset.com/dev/schreurprinting.com/media/spc.logo.new.png',sizingMethod='scale')
 
;">

http://www.raoset.com/dev/schreurprinting.com/media/spc.logo.new.png 
" width="250px" height="auto">



Obviously not the entire page... but the problem I'm running into is  
from IE 7... It is not displaying the image as it does in safari, or  
firefox. If you go to the test page, I think you'll see what I mean..  
If not, I'll try and explain better.

Anyone have a clue how to fix it?

Thanks for looking!


--

Jason Pruim
Raoset Inc.
Technology Manager
MQC Specialist
11287 James St
Holland, MI 49424
www.raoset.com
[EMAIL PROTECTED]




__
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] Problem with IE and print stylesheet

[Averill Ring at Irisweb.net]

I'm experiencing difficulties with my print stylesheet for
www.iriswebtest.net/ter/THE SITE/services/.

This is the first time I've done a print stylesheet so I'm kinda groping 
in the dark.

It's working fine in Firefox but in IE6 it wants a page that is probably 
10 inches wide, so it's not honoring my hoped-for right margin.  Plus 
it's ignoring my h1 h2 h3 size declarations

The CSS is embedded in the document.

Any help will be greatly appreciated.

Averill Ring
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE showing text

[francky]

Brian Jones wrote:

>Hi,
>
>When I view my page Internet Explorer is not displaying the text right
>away. I have to highlight the text or scroll the page for the text to
>be show and sometimes after that it disappears again.  The text
>displays fine with Firefox...so it's not a font color issue like I
>first thought. Does anyone know what this issue is?...is a CSS issue
>or what?...I never had this happen before so I'm clueless
>  
>
Hi Brian,
IE has different kinds of bugs causing not showing or jumping away, so 
it is difficult to say what in your case will be the reason. Or maybe it 
is a small typo in your code that makes IE go away. - Do you have a link 
to your page?

Greetings,
francky


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE and strange blinking

[Pedro Iturriaga]

Hi All,
Somebody has some explanation to the strange effect in scrolls of Agenda 
and Noticias y Novedades, when you pass the cursor over the buttons of 
the right superior zone. Only I have seen it in IE.

Web is http://comarcajoven.com

Thanks in advance

-- 
Pedro Iturriaga Santolaya

Construcción de web basada en estándares (W3C).
Diseño centrado en el usuario.
Accesibilidad.

[EMAIL PROTECTED]www.ipit.biz

Tel: +34 985 116990

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problem with IE in 600x800 widths

[erin]

Hello all,

Could someone take a look at the browser cam screenshots David gave me
(thanks David!). If you go to the second page of results you'll see that
on a Windows computer with 800x600 resolution, using OS XP or 2000-Pro in
an IE browser, the body of the page gets shoved down below the nav images.

Does anyone have any idea WHY that only happens under those circumstances
and what I can do to fix it?

http://www.browsercam.com/public.aspx?proj_id=261744

Thanks!

Erin Spangler

> [EMAIL PROTECTED] wrote:
>> Could someone who has browser-cam check this page for me?
>> http://www.hotfrenchbulldogs.com/regarding.html (or pick any page for
>> that
>> matter except the index page)
>> Erin Spangler
> 26 shots here:
> 
> I did not wait for them to load.
> Best,
> ~dL
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE for Mac

[Philippe Wittenbergh]

On Sep 7, 2006, at 8:52 PM, [EMAIL PROTECTED] wrote:

> I have a problem with the IE browser for Mac.
> The page can be seen at:
> http://www.sheldrake.org/homepage.html
> which will eventually be the new index page for this website.
> The page works ok on IE 6.0 for Windows, Firefox 1.0.1 and Safari  
> 1.2 for
> Mac

I would suggest as a first step to validate your html

your Doctype is on the 3rd line instead of the first one,...
(I tried to save your page locally, but my browser happily made a mess).

The clean up the comments in your css section. I saw a least one miss- 
nested comment there, under div#listmenu, you start a comment that is  
not closed.

Some browsers are quite relaxed on those things, IE Mac can be very  
picky.

If you still have problems with IE Mac, browse around this site:


Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problem with IE 6 and a border

[JGardner]

Well, I here I am again with an IE problem.  It is really two problems.  

I have a red border under the navigation bar which displays correctly in 
Firefox, but in IE there is a gap between it and the navigation. 

The other problem is another border issue, the gold border around the image on 
the page (it is a rotating image) has a gap between the bottom of the picture 
and the gold border - again only in IE.

You can see the site/problem here http://www.wacochildrenstheatre.com/

Once again, any help would be greatly appreciated.  You all amaze with your 
expertise!!!

Thanks,
Jennifer




   

Be a better Globetrotter. Get better travel answers from someone who knows. 
Yahoo! Answers - Check it out.
http://answers.yahoo.com/dir/?link=list&sid=396545469
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problem with IE 6 "Double Margin" Bug?

[Jason Pruim]

Hi All :)

Recently it was pointed out to me, that I still have a few issues in  
regards to internet explorer on my site... I am on a quest to squash  
all those out so I don't have to worry about it. So here's my question:

I have done some searching about the double margin bug, and have tried  
to do "Display: inline" and "margin-left: -80px; _margin-left-160px"  
but neither wants to work. Do I have the right bug?

The website is here: HTTP://www.raoset.com
And the CSS: HTTP://www.raoset.com/media/css/main.css

Any help with this is greatly appreciated.

Thanks for looking!
--

Jason Pruim
Raoset Inc.
Technology Manager
MQC Specialist
3251 132nd ave
Holland, MI, 49424
www.raoset.com
[EMAIL PROTECTED]


__
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] Problem with IE 7 and transparency

[Jason Pruim]

On Sep 4, 2008, at 12:52 PM, Jason Pruim wrote:

> Hi Everyone,
>
> So I am running into one of my first Conditional comment issues... I
> haven't had to work with it to this degree before so I'm a little lost
> and looking for some help.
>
> The website is: 
> http://www.raoset.com/dev/schreurprinting.com/p.php?purl=cssd-test
>
> The problem is the logo, it's using some transparency effects so I
> have the following code:
>
> 
>   .noshow {display:none;}
>   
>   .floatright {float:right;}
>   .floatleft {float:left;}
>   
>   
>   
>   
>   
>   Welcome {$row['FName']}
>   
>   
>   
>   
>   
>   
>   http://www.raoset.com/dev/schreurprinting.com/media/spc.logo.new.png',sizingMethod='scale')
> ;">
>   
>src="http://www.raoset.com/dev/schreurprinting.com/media/spc.logo.new.png
> " width="250px" height="auto">
>
> 
>
> Obviously not the entire page... but the problem I'm running into is
> from IE 7... It is not displaying the image as it does in safari, or
> firefox. If you go to the test page, I think you'll see what I mean..
> If not, I'll try and explain better.
>
> Anyone have a clue how to fix it?
>
> Thanks for looking!


Just after I sent this message I realized something I hadn't tried...  
So I tried it and now the logo displays, but there is a line at the  
top of the logo that is not supposed to be there... I think the  
problem comes from it displaying both the conditional comment image  
and the original image... Could that be?


--

Jason Pruim
Raoset Inc.
Technology Manager
MQC Specialist
11287 James St
Holland, MI 49424
www.raoset.com
[EMAIL PROTECTED]




__
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] Problem with IE 7 and transparency

[David Laakso]

Jason Pruim wrote:
> On Sep 4, 2008, at 12:52 PM, Jason Pruim wrote:
>
>   
>> The website is: 
>> http://www.raoset.com/dev/schreurprinting.com/p.php?purl=cssd-test
>>
>>
>>
>> Anyone have a clue how to fix it?
>>
>>
>> 
>
> Jason Pruim
>   


The IEs are not recovering from all the markup errors, css errors, 
different sizes for the same image, and the malformed cc's. Correcting 
all brings it up in 6 & 7 with the dashed border at the top of the image 
no longer there.

Start by running the file through Tidy online to correct the markup. 
Correct remaining html errors manually. Then on to the other issues above...

aside:
Most folks, if they are anything like me, are not going to hang around 
on that page while it struggles to load the images.

-- 

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] Problem with IE 7 and transparency

[Keith DiSarno]

I would tend to agree with David on the loading part. I clicked the link
right after loading this email, read the entire conversation, went to your
link, and had an additional ~20 sec. wait for the beans. Probably a minute
total...just for the beans :)  Figured you should know, maybe something to
look into.

Keith D.
__
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] Problem with IE 7 and transparency

[Jason Pruim]

On Sep 4, 2008, at 3:19 PM, Keith DiSarno wrote:

> I would tend to agree with David on the loading part. I clicked the  
> link right after loading this email, read the entire conversation,  
> went to your link, and had an additional ~20 sec. wait for the  
> beans. Probably a minute total...just for the beans :)  Figured you  
> should know, maybe something to look into.
>
> Keith D.

Once the design is finalized (I'm working with the designer at my new  
job) it will load much better and faster :)

I need to get better at running my stuff through the validators... and  
I apologize. I will work on that here shortly.

Thanks!



--

Jason Pruim
Raoset Inc.
Technology Manager
MQC Specialist
11287 James St
Holland, MI 49424
www.raoset.com
[EMAIL PROTECTED]




__
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] Problem with IE and strange blinking

[Rainer Wagener]

Hi Pedro,

> Somebody has some explanation to the strange effect in 
> scrolls of Agenda 
> and Noticias y Novedades, when you pass the cursor over 
> the buttons of 
> the right superior zone. Only I have seen it in IE.

You have to aply "Layout" to the container #menu_sup for IE.

Something like: #menu_sup { zoom:1 } 

Then it should work.

For theorie on this matter:
http://www.satzansatz.de/cssd/onhavinglayout.html

Regards Rainer

--

www.rohschnitt.de 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE and strange blinking

[Gunlaug Sørtun]

Pedro Iturriaga wrote:
> Hi All, Somebody has some explanation to the strange effect in 
> scrolls of Agenda and Noticias y Novedades, when you pass the cursor 
> over the buttons of the right superior zone. Only I have seen it in 
> IE.
> 
> Web is http://comarcajoven.com

IE is recalculating and re-rendering the /entire/ layout on hover-action
in that section - every time. That causes the flicker.

You can prevent the flickering scrollbars by isolating #menu_sup from
the rest of the layout in IE only, by adding a 'hasLayout'[1] trigger.

Adding this should work...

#menu_sup {height: 100%;}

...and I have tested it for your page, just to be on the safe side :-)

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with IE in 600x800 widths

[Gunlaug Sørtun]

[EMAIL PROTECTED] wrote:
> Does anyone have any idea WHY that only happens under those
> circumstances and what I can do to fix it?

Cause: 3px bug moved on to container, added to width and getting
squeezed in IE.

One working solution, add...

#leftnav {margin-bottom: -1000px;}

...which makes #leftnav take up no space (as the browsers see it), so IE
have nothing to drop page-body below, and will keep it staying up there
regardless of window-width.

Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with IE 6 and a border

[Matthew Ohlman]

JGardner wrote:
> I have a red border under the navigation bar which displays correctly in 
> Firefox, but in IE there is a gap between it and the navigation. 
>
> The other problem is another border issue, the gold border around the image 
> on the page (it is a rotating image) has a gap between the bottom of the 
> picture and the gold border - again only in IE.
>
> You can see the site/problem here http://www.wacochildrenstheatre.com/
>
>   
Hi Jennifer:

If you add this declaration in your css:

img {
vertical-align: bottom;
}

It should take care of the problem.  IE is allowing space under your 
images for the descenders of elements.

Hope this helps,
Matthew
-- 
Matthew Ohlman
www.ohlman.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with IE 6 "Double Margin" Bug?

[Gunlaug Sørtun]

Jason Pruim wrote:
> I have done some searching about the double margin bug, and have 
> tried to do "Display: inline" and "margin-left: -80px; 
> _margin-left-160px" but neither wants to work. Do I have the right 
> bug?
> 
> HTTP://www.raoset.com

Yes, you have the right bug, but you're targeting it on the wrong element.

There are also some other IE6 bugs involved.

The addition of...

.content {display: inline;}

.leftColumn {position: relative;}

* html .wrapper {zoom: 1;}

...will kill the right IE6 bugs on the right elements.

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] problem with IE 6 "Double Margin" Bug?

[Jason Pruim]

Gunlaug,

As always your help is amazing! Thank you. And also, Thank you to all  
who have helped me along the way to get down to the point, where I  
only had 3 bugs left to fix! :)

One question I did have though... I understand the .content {display:  
inline;} and the leftColumn {position: relative;} but what does the *  
html .wrapper {zoom: 1;} do exactly?

I put it up at the top of the css file, and it works, but is that the  
best place to put it? Or should it go somewhere else?

Thanks again Everyone!


On Jan 14, 2008, at 4:44 PM, Gunlaug Sørtun wrote:

> Jason Pruim wrote:
>> I have done some searching about the double margin bug, and have
>> tried to do "Display: inline" and "margin-left: -80px;
>> _margin-left-160px" but neither wants to work. Do I have the right
>> bug?
>>
>> HTTP://www.raoset.com
>
> Yes, you have the right bug, but you're targeting it on the wrong  
> element.
>
> There are also some other IE6 bugs involved.
>
> The addition of...
>
> .content {display: inline;}
>
> .leftColumn {position: relative;}
>
> * html .wrapper {zoom: 1;}
>
> ...will kill the right IE6 bugs on the right elements.
>
> 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/
>

--

Jason Pruim
Raoset Inc.
Technology Manager
MQC Specialist
3251 132nd ave
Holland, MI, 49424
www.raoset.com
[EMAIL PROTECTED]


__
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] problem with IE 6 "Double Margin" Bug?

[Gunlaug Sørtun]

Jason Pruim wrote:

> One question I did have though... I understand the .content {display:
>  inline;} and the leftColumn {position: relative;} but what does the 
> * html .wrapper {zoom: 1;} do exactly?

It's a 'hasLayout'[1] trigger, and in your case I found the non-valid
'zoom' to work best - alternative (valid) triggers tended to have
negative side-effects. I also had to use the '* html' hack to target IE6
(and below), to avoid conflicts with some of IE7' internal bug-fixes.

Without this 'hasLayout' trigger IE6 seemed to interpret .wrapper's
dimensions a bit unreliable - changed positions for .wrapper's children
when hovering links - which is a clear sign that IE6 couldn't determine
.wrapper's dimensions and relation to other elements.

Triggering 'hasLayout' means to "lay out" the area of .wrapper -
"stiffen up IE6' backbone" so it immediately interprets exactly how wide
.wrapper is, and where to position .wrapper's children relative to
.wrapper's edges. Result: stable rendering.

> I put it up at the top of the css file, and it works, but is that the
>  best place to put it? Or should it go somewhere else?

Put it anywhere you like where IE6 can pick it up, as long as it is
complete - as I wrote it. The CSS validator will flag it as an error
anyway - unless it is hidden in a conditional comment or something to
that effect.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
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] problem with IE 6 "Double Margin" Bug?

[Jason Pruim]

On Jan 15, 2008, at 4:09 PM, Gunlaug Sørtun wrote:

> Jason Pruim wrote:
>
>> One question I did have though... I understand the .content {display:
>> inline;} and the leftColumn {position: relative;} but what does the
>> * html .wrapper {zoom: 1;} do exactly?
>
> It's a 'hasLayout'[1] trigger, and in your case I found the non-valid
> 'zoom' to work best - alternative (valid) triggers tended to have
> negative side-effects. I also had to use the '* html' hack to target  
> IE6
> (and below), to avoid conflicts with some of IE7' internal bug-fixes.
>
> Without this 'hasLayout' trigger IE6 seemed to interpret .wrapper's
> dimensions a bit unreliable - changed positions for .wrapper's  
> children
> when hovering links - which is a clear sign that IE6 couldn't  
> determine
> .wrapper's dimensions and relation to other elements.
>
> Triggering 'hasLayout' means to "lay out" the area of .wrapper -
> "stiffen up IE6' backbone" so it immediately interprets exactly how  
> wide
> .wrapper is, and where to position .wrapper's children relative to
> .wrapper's edges. Result: stable rendering.

Haven't had a chance to read all of that website yet, but thank you  
for it. It's an interesting read so far! It does bring up the question  
as to why exactly Microsoft feels they need to do that :) But I'm sure  
I can search the archives, and the web to find out lots of theories  
about that! :)

Thank you for taking the time to answer! Always appreciated!


--

Jason Pruim
Raoset Inc.
Technology Manager
MQC Specialist
3251 132nd ave
Holland, MI, 49424
www.raoset.com
[EMAIL PROTECTED]


__
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] Problem with IE Double Margin Bug (I think?)

[Erik Domingo]

Hi all,

I seem to be having a problem with the IE double margin bug on floats. It's
only affecting this page:

http://roblin.bluelangroup.net/v4_Services.php

and only when viewed in IE6. Other pages on the site render fine in FF and
IE.

The CSS can be viewed at:

http://roblin.bluelangroup.net/master.css

I've tried adding the PIE fix of display:inline to the #wrap-inner,
#content, and #menu divs (there are my floats) individually, and in
combination with each other. Nothing seems to correct the problem.

Thanks in advance for any suggestions.

- Erik Domingo

PS I left the display:inline set on the #content div; playing with
background colors seemed to point to that div as the one whose left-margin
is doubling (strange, since I thought the bug only affected margins on the
same side as the float...?)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with IE 6 and a border - solved

[JGardner]

Wow, that fixed it!  

Thank you Matthew - this group is truly amazing.

Jennifer

- Original Message 
From: Matthew Ohlman <[EMAIL PROTECTED]>
To: JGardner <[EMAIL PROTECTED]>
Cc: CSS List 
Sent: Thursday, August 9, 2007 8:42:35 PM
Subject: Re: [css-d] problem with IE 6 and a border

JGardner wrote:
> I have a red border under the navigation bar which displays correctly in 
> Firefox, but in IE there is a gap between it and the navigation. 
>
> The other problem is another border issue, the gold border around the image 
> on the page (it is a rotating image) has a gap between the bottom of the 
> picture and the gold border - again only in IE.
>
> You can see the site/problem here http://www.wacochildrenstheatre.com/
>
>   
Hi Jennifer:

If you add this declaration in your css:

img {
vertical-align: bottom;
}

It should take care of the problem.  IE is allowing space under your 
images for the descenders of elements.

Hope this helps,
Matthew
-- 
Matthew Ohlman
www.ohlman.com









  

Shape Yahoo! in your own image.  Join our Network Research Panel today!   
http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with IE Double Margin Bug (I think?)

[Gunlaug Sørtun]

Erik Domingo wrote:
> I seem to be having a problem with the IE double margin bug on 
> floats. It's only affecting this page:
> 
> http://roblin.bluelangroup.net/v4_Services.php
> 
> and only when viewed in IE6. Other pages on the site render fine in 
> FF and IE.

The IE double margin on floats bug isn't the problem.

Firefox handles  different from IE (and
Opera), so if Firefox gives you the "correct" look, you'll have to wrap
that table in a non-float - /not/ a 'float: right'.


This is all you need on the #content container...

#content {
margin-left: 200px;
border-left: 1px solid black;
}

...to make IE6 (and Opera) render the page exactly like Firefox does.

---

I have no idea whether the following is exactly how that table-centering
in a float is handled in these browsers, but this is what it appears like:

- Floats without defined width will "shrink-wrap", but Firefox won't let
that happen because the 'align="center"' on the table creates equal
margins on both sides that are pushing outwards as far as possible in
order to center the table.

- IE6 (and Opera) seems to "shrink-wrap" the float first, so there are
no space, or need, for margins to center the table.

The result: two different outcomes from table-centering in a width-less
float. No width-less float = no visible differences.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/