[css-d] Vertical scroll bar problem in IE vs Mozilla Firefox

[Binita Bharati (bbharati)]

Hi all,
 
I am a new-bie to css. Please help me with this problem:
 
My table shows a vertical scroll bar with IE and no scroll bar on
firefox when the following entry is present on my jsp file:
 
tbody.myscrollContent {

overflow: auto; 

}


How do i enable the vertical scroll bar on firefox?

Thanks

Binita

__
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] Help! I have no more hair!

[Steven Garno]

I have been pulling my hair out trying to get this layout to work using
DIV tags.   With all the bugs, and hacks that I have been reading
through in a ton of pages, I can't seem to get the recipe right.

The layout that I am looking for is this:


==
| Logo|  Title Area 1 (fixed H & W)  | Title Area 2 (fixed H &
100%W)|
| fixed
|--|
| Height  |  Top Navigation (fixed H & 100%W)
|
| & Width
|--|
|-| Content Area  (100%H & 100%W)
|
|  Left   |
|
|  Nav|
|
| |
|
|  Fixed  |
|
|  width  |
|
|  & 100% |
|
|  Height |
|
| |
|
|-|
|
| Repeat  |
|
| Bkgrnd  |
|
|---
-|
| Footer (Fixed height & always at bottom of page)
|

==

Notes:
Logo and header are not same height (this is where issues start)

  Title area 2 is also a repeating background that should autosize
to the window width.

  The left navigation background image repeats but only the last 46
pixels of the image, not the whole image.   I have tried separating the
image into two DIV sections, the non-repeating and the repeating
background.

  Footer should be at bottom of pagealways.
   
Can anyone help??


P.S.  Sorry for the repost, I forgot the message needed to be text only.
Hope the format comes out right.
__
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] Vertical scroll bar problem in IE vs Mozilla Firefox

[Binita Bharati]

Hi all,

I have the folloing problem :

My table shows a vertical scroll bar with IE and no scroll bar on
firefox when the following entry is present on my jsp file:


tbody.myscrollContent {

overflow: auto;

}

How do i enable the vertical scroll bar on firefox  also?

Thanks

Binita
__
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] Laying out CSS for @media print

[fantasai]

Melton Cartes wrote:
> Can someone list some very basic rules for laying out CSS for  
> printing purposes? What are the... top 5 (or 3) things to know about  
> CSS for print vs. for screen?

This article might help:
   http://css-discuss.incutio.com/?page=PrintStylesheets

Make sure you set your background to white and your main text color
to black.

> I recently created stylesheets for print and found myself floundering  
> with the most basic concept of where the uppermost left-hand corner  
> was on the printed page it didn't seem to be the same as the  
> uppermost left-hand corner of the browser window...

Well, printouts have margins. Other than that I don't know what to
say. The top left should be the top left...

~fantasai
__
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] Help! I have no more hair!

[Steven Garno]

I have been pulling my hair out trying to get this layout to work using
DIV tags.   With all the bugs, and hacks that I have been reading
through in a ton of pages, I can't seem to get the recipe right.

 

The layout that I am looking for is this:

 

Logo Here

(Fixed Height & Width)

Title Area 1  (Fixed Height & Width)

Title Area 2 (Fixed Height & 100% Width)

 
Top Navigation (Fixed Height & 100% Width)

 
Content Area (100% Height & 100% Width)


 

 

 

Left Navigation

 

 

 

 

 

 

(Fixed Height & Width)

 
Repeating Background Image

(100% Height & Fixed Width)

 
Footer (Fixed Height - Always at bottom of page)

 

 

Notes:

Title area 2 is also a repeating background that should autosize to the
window width.

Below left navigation is filler that should autosize up until the
footer.

Footer should be at bottom of pagealways.

 

Can anyone help??

 

 

__
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] wrapper width and IE

[Waz and Elle]

Hi,

When I first developed this site (http://mesfiji.org/), I left-floated  
all my divs but then if the browser window was too small, the divs to  
the right got pushed down. So, I added a topwrapper and defined in as  
89em -- and it works great on Safari and FF but IE still pushes the  
other divs down and really messes things up on this page: 
http://mesfiji.org/about/mes-staff 
.
Does anyone know why? and how I can fix it?

Cheers,
Elle

__
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] Menu falling behind video

[David Hucklesby]

On Mon, 24 Mar 2008 10:54:04 -0500, Todd Richards wrote:

Re: 
>> However, on the home page with the video, the video covers up the menu.
>>
>> www.thurtconstruction.com
>>

Mark Story suggested, and Vincent Pollard concurred:

> Try embedding the flash with wmode = transparent or opaque.  Setting a 
> windowmode for
> flash helps solve Flash and CSS issues for me most times.
>

Todd's reply:

> Thanks Mark and Vincent.  That appears to have taken care of it!
>

Hmm. Now I see the movie in some browsers, but not in IE (6 or 7).

Something is converting ampersands to HTML entities, though. Perhaps 
this should be fixed.

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] header :: Whoops!

[David Laakso]

David Laakso wrote:
> Solomon Asfada wrote:
>> http://library2.usask.ca/spcoll/Asfada/index.htm
>>
>>
>>   
>

Whoops. Also add this declaration:

body{font: 100% arial,sans-serif}







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] header

[David Laakso]

Solomon Asfada wrote:
> http://library2.usask.ca/spcoll/Asfada/index.htm
>
>
>   




This is one way to do it:

Delete both of these declarations:
body{font: 76% arial,sans-serif}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px; background: #EEE;color: #79B30B;}

 
Add these 3 declarations:
#header {background-color:#eee;} 
h1 {color: #79B30B;font-size:180%; line-height: 0.9; margin:0 0 0 
20px;padding: 40px 0; } 
h1 strong {font-size:80%;margin-left:40px;}

Revise the html to read:



CORTASIA FORUM
The Journal of the Cortasia Research Center





-- 
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] IE7 problem with dropdowns

[Gunlaug Sørtun]

Chris Kavinsky wrote:
> Doing that, and it works fine on the static page. The problem, for 
> some reason, is that it doesn't work on the page that's generated by 
> the CMS (although the source code looks fine). I'm stumped.

Fix the script. You've lost a backslash from the original.

This line...
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
...must look like this...
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
...in order to work.
Otherwise the script will just keep adding 'sfhover' classes
onmouseover, and not remove them onmouseout.

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] header

[Solomon Asfada]

http://library2.usask.ca/spcoll/Asfada/index.htm


-- 
SPA
__
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] IE7 problem with dropdowns

[David Laakso]

Chris Kavinsky wrote:
> I having a very bizarre problem with suckerfish dropdowns and IE7. 
>
> static page: http://ecasite.org/2008template.html
> CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page
> CSS file: http://209.235.241.60/css/styles2008.css
>   





FWIW: The CMS version is sticking in both IE/6 and IE/7 /and/ Mac 
Opera/9.24 (I did not check it PC Opera).
CMS's have a bad habit of introducing markup errors. Validate it, and 
see if it makes any difference at all...

-- 
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] IE7 problem with dropdowns

[Chris Kavinsky]

Doing that, and it works fine on the static page. The problem, for
some reason, is that it doesn't work on the page that's generated by
the CMS (although the source code looks fine). I'm stumped.

On Mon, Mar 24, 2008 at 4:34 PM, Vicki Stebbins <[EMAIL PROTECTED]> wrote:
>
> At 07:14 AM 25/03/2008, Chris Kavinsky wrote:
>  >I having a very bizarre problem with suckerfish dropdowns and IE7. I
>  >have two versions of a page referencing the same CSS file -- one is a
>  >static page on the same server as the CSS file, the other generated by
>  >a CMS program on a different server. The problem is the dropdown menus
>  >are sticking in the CMS version, but the static version works fine.
>  >The CMS version is linking to the CSS properly, but seems to be
>  >ignoring bits of it. Can anyone see anything wrong that would be
>  >cauing this? References:
>  >
>  >static page: http://ecasite.org/2008template.html
>  >CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page
>  >CSS file: http://209.235.241.60/css/styles2008.css
>
>  There's an issue with suckerfish and IE 7.0 with the menus sticking,
>  this link may help.
>  
> http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/
>
>  Regards
>
>  Vicki
>
>
__
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] Right floated container dropping down in IE6 -- RESOLVED

[Valerie Wininger]

Yeah, it can be helpful, but it doesn't work with my standalone version of
ie6, which is where I was noticing the problem.


On Mon, Mar 24, 2008 at 4:43 PM, vincent pollard <[EMAIL PROTECTED]>
wrote:

> good to hear :)
>
> do you use the IE Dev 
> Toolbar?
> i find it invaluable.
>
>
> On 24/03/2008, Valerie Wininger <[EMAIL PROTECTED]> wrote:
>
> > Got it guys. I had a huge right margin on one of the paragraphs in the
> > content (don't ask me what I was thinking). Thanks a bunch!
> >
> > On Mon, Mar 24, 2008 at 4:10 PM, Jason Ogle <[EMAIL PROTECTED]> wrote:
> >
> > > It seems as though your mainContent div width is breaking the layout
> > in
> > > IE6.
> > >
> > > Try applying a different width to this div for IE:
> > >
> > > #content #mainContent {
> > >width: 600px;
> > >*width: 590px; /*for IE*/
> > > }
> > >
> > > Experiment with the IE width until it's as wide as it can be without
> > > breaking.
> > >
> > > Hope it helps at all.
> > > 
> > > jason ogle | designer | myspace.com
> > > 310.969.7124 | myspace.com/ogletine
> > > 
> > > Dont' print this email or I'll dispatch Treebeard on you.
> > >
> > >
> > > -Original Message-
> > > From: [EMAIL PROTECTED] [mailto:
> > > [EMAIL PROTECTED] On Behalf Of Valerie Wininger
> > > Sent: Monday, March 24, 2008 12:31 PM
> > > To: css-d@lists.css-discuss.org
> > > Subject: [css-d] Right floated container dropping down in IE6
> > >
> > > I could really use everyone's help.  I can't figure out how to fix
> > this
> > > issue.  I have my menu floated left in one div and the main content
> > > floated
> > > right next to it.  This problem only manifests itself on the home page
> > in
> > > IE6.  I kind of assume it has something to do with the image that is
> > > floated
> > > left in the content, but I don't know why.  It's dropping the entire
> > > mainContent div down below the navigation.  Please help.
> > >
> > > http://irvinkahn.webconnectivity.com/
> > >
> >
> >
> >
> > --
> > Valerie Wininger
> > www.valeriewininger.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/
> >
>
>
>
> --
> Vincent Pollard
> http://www.ithinkx.co.uk




-- 
Valerie Wininger
www.valeriewininger.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] Right floated container dropping down in IE6 -- RESOLVED

[vincent pollard]

good to hear :)

do you use the IE Dev
Toolbar?
i find it invaluable.


On 24/03/2008, Valerie Wininger <[EMAIL PROTECTED]> wrote:
>
> Got it guys. I had a huge right margin on one of the paragraphs in the
> content (don't ask me what I was thinking). Thanks a bunch!
>
> On Mon, Mar 24, 2008 at 4:10 PM, Jason Ogle <[EMAIL PROTECTED]> wrote:
>
> > It seems as though your mainContent div width is breaking the layout in
> > IE6.
> >
> > Try applying a different width to this div for IE:
> >
> > #content #mainContent {
> >width: 600px;
> >*width: 590px; /*for IE*/
> > }
> >
> > Experiment with the IE width until it's as wide as it can be without
> > breaking.
> >
> > Hope it helps at all.
> > 
> > jason ogle | designer | myspace.com
> > 310.969.7124 | myspace.com/ogletine
> > 
> > Dont' print this email or I'll dispatch Treebeard on you.
> >
> >
> > -Original Message-
> > From: [EMAIL PROTECTED] [mailto:
> > [EMAIL PROTECTED] On Behalf Of Valerie Wininger
> > Sent: Monday, March 24, 2008 12:31 PM
> > To: css-d@lists.css-discuss.org
> > Subject: [css-d] Right floated container dropping down in IE6
> >
> > I could really use everyone's help.  I can't figure out how to fix this
> > issue.  I have my menu floated left in one div and the main content
> > floated
> > right next to it.  This problem only manifests itself on the home page
> in
> > IE6.  I kind of assume it has something to do with the image that is
> > floated
> > left in the content, but I don't know why.  It's dropping the entire
> > mainContent div down below the navigation.  Please help.
> >
> > http://irvinkahn.webconnectivity.com/
> >
>
>
>
> --
> Valerie Wininger
> www.valeriewininger.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/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
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] Right floated container dropping down in IE6 -- RESOLVED

[Valerie Wininger]

Got it guys. I had a huge right margin on one of the paragraphs in the
content (don't ask me what I was thinking). Thanks a bunch!

On Mon, Mar 24, 2008 at 4:10 PM, Jason Ogle <[EMAIL PROTECTED]> wrote:

> It seems as though your mainContent div width is breaking the layout in
> IE6.
>
> Try applying a different width to this div for IE:
>
> #content #mainContent {
>width: 600px;
>*width: 590px; /*for IE*/
> }
>
> Experiment with the IE width until it's as wide as it can be without
> breaking.
>
> Hope it helps at all.
> 
> jason ogle | designer | myspace.com
> 310.969.7124 | myspace.com/ogletine
> 
> Dont' print this email or I'll dispatch Treebeard on you.
>
>
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED] On Behalf Of Valerie Wininger
> Sent: Monday, March 24, 2008 12:31 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Right floated container dropping down in IE6
>
> I could really use everyone's help.  I can't figure out how to fix this
> issue.  I have my menu floated left in one div and the main content
> floated
> right next to it.  This problem only manifests itself on the home page in
> IE6.  I kind of assume it has something to do with the image that is
> floated
> left in the content, but I don't know why.  It's dropping the entire
> mainContent div down below the navigation.  Please help.
>
> http://irvinkahn.webconnectivity.com/
>



-- 
Valerie Wininger
www.valeriewininger.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] Right floated container dropping down in IE6

[Jason Ogle]

It seems as though your mainContent div width is breaking the layout in IE6.

Try applying a different width to this div for IE:

#content #mainContent {
width: 600px;
*width: 590px; /*for IE*/
}

Experiment with the IE width until it's as wide as it can be without breaking.

Hope it helps at all.

jason ogle | designer | myspace.com
310.969.7124 | myspace.com/ogletine

Dont' print this email or I'll dispatch Treebeard on you.


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Valerie Wininger
Sent: Monday, March 24, 2008 12:31 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Right floated container dropping down in IE6

I could really use everyone's help.  I can't figure out how to fix this
issue.  I have my menu floated left in one div and the main content floated
right next to it.  This problem only manifests itself on the home page in
IE6.  I kind of assume it has something to do with the image that is floated
left in the content, but I don't know why.  It's dropping the entire
mainContent div down below the navigation.  Please help.

http://irvinkahn.webconnectivity.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] IE7 problem with dropdowns

[Vicki Stebbins]

At 07:14 AM 25/03/2008, Chris Kavinsky wrote:
>I having a very bizarre problem with suckerfish dropdowns and IE7. I
>have two versions of a page referencing the same CSS file -- one is a
>static page on the same server as the CSS file, the other generated by
>a CMS program on a different server. The problem is the dropdown menus
>are sticking in the CMS version, but the static version works fine.
>The CMS version is linking to the CSS properly, but seems to be
>ignoring bits of it. Can anyone see anything wrong that would be
>cauing this? References:
>
>static page: http://ecasite.org/2008template.html
>CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page
>CSS file: http://209.235.241.60/css/styles2008.css

There's an issue with suckerfish and IE 7.0 with the menus sticking, 
this link may help.
http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/

Regards

Vicki 

__
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] IE7 problem with dropdowns

[Chris Kavinsky]

I having a very bizarre problem with suckerfish dropdowns and IE7. I
have two versions of a page referencing the same CSS file -- one is a
static page on the same server as the CSS file, the other generated by
a CMS program on a different server. The problem is the dropdown menus
are sticking in the CMS version, but the static version works fine.
The CMS version is linking to the CSS properly, but seems to be
ignoring bits of it. Can anyone see anything wrong that would be
cauing this? References:

static page: http://ecasite.org/2008template.html
CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page
CSS file: http://209.235.241.60/css/styles2008.css
__
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] Right floated container dropping down in IE6

[vincent pollard]

this happens a lot in IE6. i think it's because it increases padding on
floated items, described here:
http://www.positioniseverything.net/explorer/doubled-margin.html which means
there isn't enough room for both divs so the second div drops down. i may be
wrong - and if i am it won't take long before i'm corrected :)


On 24/03/2008, Valerie Wininger <[EMAIL PROTECTED]> wrote:
>
> I could really use everyone's help.  I can't figure out how to fix this
> issue.  I have my menu floated left in one div and the main content
> floated
> right next to it.  This problem only manifests itself on the home page in
> IE6.  I kind of assume it has something to do with the image that is
> floated
> left in the content, but I don't know why.  It's dropping the entire
> mainContent div down below the navigation.  Please help.
>
> http://irvinkahn.webconnectivity.com/
>
> Thanks,
>
> --
> Valerie Wininger
> www.valeriewininger.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/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
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] Right floated container dropping down in IE6

[Valerie Wininger]

I could really use everyone's help.  I can't figure out how to fix this
issue.  I have my menu floated left in one div and the main content floated
right next to it.  This problem only manifests itself on the home page in
IE6.  I kind of assume it has something to do with the image that is floated
left in the content, but I don't know why.  It's dropping the entire
mainContent div down below the navigation.  Please help.

http://irvinkahn.webconnectivity.com/

Thanks,

-- 
Valerie Wininger
www.valeriewininger.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] Bullet placement in unordered lists: IE alignment problem

[Gunlaug Sørtun]

Doug Niven wrote:

> http://www.montanamasterchefs.com/schedule.php
> 
> Using IE the gold bullets above are "top" aligned while in other 
> browsers they are "bottom" aligned.

Not in _all_ other browsers.

> Any suggestions or workarounds how to make this the same for IE as 
> well? Ideally I'd like it "middle" aligned.

If you want cross-browser consistency with images as bullets, it is
easier to achieve with background-images.

Make it...

.bullet_list  {padding: 0; margin: 0; list-style: none;}
.bullet_list li { list-style: none; margin: 0; padding: 0 0 0 15px;
background: url("/images/bullet_gold.jpg") 0 0.6em no-repeat; }

...and all browsers will cooperate and middle-align them quite well.

Notice the change to .bullet_list, referring to a class="bullet_list" so
you have to make that change in the markup also.
An ID should only be used once in the markup, while classes are for
repeated use.


Notice also that your page triggers quirks mode in all browsers. Not
that it will make much difference, but maybe you intended to trigger
standard mode, in which case you should use another doctype...


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] Safari issues

[vincent pollard]

Rafael, thanks for your help.
i noticed the js problem you mentioned in
Fiddler -
we fixed that. thanks for flagging it.
interestingly it turns out that Safari automatically renders the .Net as
 and  - without using the CSS Adapters - which why my style
wasn't working.
in future we will use the CSS Adapters anyway so we won't have bothersome
tables.
Vince

On 21/03/2008, Rafael <[EMAIL PROTECTED]> wrote:
>
> vincent pollard wrote:
> > hey rafael, thanks for your reply. the error was actually happening
> > before we added that js file.
>I guess that has nothing to do, then. Still, it would be good to
> correct that issue (an HTML file served as JS).
>
> > the quicklinks dropdown is .net control.
>If you're using .Net 2+ you could consider using the CSS adapters[1].
>
> > i heard safari sometimes doesn't like these but i can't work out how
> > to fix it.
>I can't blame it, you're serving ~100kB just in the ViewState field!
> ---the whole page is ~200kB.
>
>Anyway, the problem is that the resulting DOM element in Safari
> doesn't have the class applied to it, so there must be some issue with
> your JS ---it seems to be generated dynamically---, check that code (I
> really hope is easier to do so in your IDE). Good luck.
>
> > does anyone have any experience with .net css adapters? maybe that
> > would help?
>Oh, I see you already know about them.
> 
>In big corps .Net 1.1 seems to be the standard (go figure), at least
> around here, so I haven't had the opportunity to work with them.
>
>Anyway, they seem to be just an easier way to change the "rendering"
> (actual HTML send to the browser) of a control. This was already
> possible in .Net 1.1 but you had to override the Render method (hence
> effectively creating new controls), but then again, I haven't actually
> player with them.
> 
>
>Rafael.
>
> [1] http://www.asp.net/cssadapters/
> > On 21/03/2008, *Rafael* <[EMAIL PROTECTED]
> > > wrote:
> >
> > vincent pollard wrote:
> >> on this site  in Safari the dropdown
> menu is
> >> too low and the Quicklinks dropdown refuses to take style.
> >>
> >> any ideas why it's happening and how to fix it?
> >>
> > The style I see in Fx (and that is missing in Safari) is
> > because of the class "quickLinks" added to it, but in Safari it
> > just isn't added at all. This might have something to do with your
> > "swfobject.js" file that triggers a couple of errors in Safari
> > (since it's actually an HTML file).
> >
> > Regards.
> > Rafael.
> >
> __
> 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/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
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] [Solved] Hidden header TR has border in IE

[Julie Wetherill]

Never mind folks ... I forgot to zero out the table's border in the markup. 
Setting border=0 solved the horizontal line in an otherwise hidden row.  -julie

I am using data tables to list dozens of documents with their revision 
dates and available formats. Here is an example:

http://hul.harvard.edu/oisnew/support/docs-oasis.html

When all docs are listed, page will be longish. It has been a long-standing 
practice for us to skip visible header rows on all but the top table. But 
to keep tables accessible, I wanted to hide the header row by using 
display:none on the . In IE, the invisible row is leaving behind a 
horizontal gray line. Note that border-collapse is set for this table -- in 
the external style sheet. I have tried different ways to eliminate that 
horizontal line (e.g., zeroing out borders, adding display:none for the 
tr's and th's). Nothing has worked.

Any ideas what the cause/cure would be for that line? Thanks.  --julie 


__
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] IE incorrect box model with percentages?

[Gunlaug Sørtun]

Cristian Palmas wrote:

> So the question is: can the box model problem be solved in IE using 
> percentages or I need to use some more workaround?

Read this article - all of it...

...and if what's written there doesn't apply to your encounter with
box-model problems in IE6, then give us a link to a live page of yours
so we can see what's causing them.

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] Bullet placement in unordered lists: IE alignment problem

[Doug Niven]

Hi Folks,

I am using unordered lists styled with CSS and have discovered how IE aligns
our bullets differently than all the other browsers:

http://www.montanamasterchefs.com/schedule.php

Using IE the gold bullets above are "top" aligned while in other browsers
they are "bottom" aligned.

Any suggestions or workarounds how to make this the same for IE as well?
Ideally I'd like it "middle" aligned.

Thanks in advance for your replies.

Best, Doug
Santa Cruz, CA


__
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] Hidden header TR has border in IE

[Julie Wetherill]

I am using data tables to list dozens of documents with their revision 
dates and available formats. Here is an example:

http://hul.harvard.edu/oisnew/support/docs-oasis.html

When all docs are listed, page will be longish. It has been a long-standing 
practice for us to skip visible header rows on all but the top table. But 
to keep tables accessible, I wanted to hide the header row by using 
display:none on the . In IE, the invisible row is leaving behind a 
horizontal gray line. Note that border-collapse is set for this table -- in 
the external style sheet. I have tried different ways to eliminate that 
horizontal line (e.g., zeroing out borders, adding display:none for the 
tr's and th's). Nothing has worked.

Any ideas what the cause/cure would be for that line? Thanks.  --julie


__
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] IE incorrect box model with percentages?

[Cristian Palmas]

Hi,

I'm Cristian Palmas and I'm starting now my experience ad a web designer.
I'm creating my personal web site with Drupal and I'm working on the
XHTML and CSS templates.
After writing the general rules for the various divs of the page and
after testing the layout with Safari 3, Firefox 2, Opera 7 and IE6, I
noticed that the width of the divs in IE6, even if expressed in
percentages, differed from those shown in the other browsers.

So the question is: can the box model problem be solved in IE using
percentages or I need to use some more workaround?

Thanks in advance.
Best reguards.

Cristian Palmas
__
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] Menu falling behind video

[Todd Richards]

Thanks Mark and Vincent.  That appears to have taken care of it!

 

Todd

 

 

From: vincent pollard [mailto:[EMAIL PROTECTED] 
Sent: Monday, March 24, 2008 10:43 AM
To: Mark Story
Cc: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] Menu falling behind video

 

Mark is correct. you must have 'wmode = transparent' in the parameters.

On 24/03/2008, Mark Story <[EMAIL PROTECTED]> wrote: 

Todd Richards wrote:
> Hi Everyone -
>
> Been struggling with this and maybe it's something obvious.  I have a CSS
> menu on my site, and I have a .FLV slideshow on the home page.  On all
other
> pages, the menu works fine, and falls on top of the text (so you can
> navigate).  However, on the home page with the video, the video covers up
> the menu.  The menu  has a z-index of 1000.  I have tried to specify a
> z-index on the table cell of 10, with no luck.  I have tried a  with
> the same value, and no luck.  I have played around with positioning
> (absolute, relative, none) with no luck.  Things are the same in both IE
and
> FF.
>
> www.thurtconstruction.com
>
> Any thoughts would be much appreciated!
>
> Todd
>
>
Try embedding the flash with wmode = transparent or opaque.  Setting a
windowmode for flash helps solve Flash and CSS issues for me most times.

-Mark

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




-- 
Vincent Pollard
http://www.ithinkx.co.uk 

__
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] Menu falling behind video

[vincent pollard]

Mark is correct. you must have 'wmode = transparent' in the parameters.

On 24/03/2008, Mark Story <[EMAIL PROTECTED]> wrote:
>
> Todd Richards wrote:
> > Hi Everyone -
> >
> > Been struggling with this and maybe it's something obvious.  I have a
> CSS
> > menu on my site, and I have a .FLV slideshow on the home page.  On all
> other
> > pages, the menu works fine, and falls on top of the text (so you can
> > navigate).  However, on the home page with the video, the video covers
> up
> > the menu.  The menu  has a z-index of 1000.  I have tried to specify
> a
> > z-index on the table cell of 10, with no luck.  I have tried a 
> with
> > the same value, and no luck.  I have played around with positioning
> > (absolute, relative, none) with no luck.  Things are the same in both IE
> and
> > FF.
> >
> > www.thurtconstruction.com
> >
> > Any thoughts would be much appreciated!
> >
> > Todd
> >
> >
> Try embedding the flash with wmode = transparent or opaque.  Setting a
> windowmode for flash helps solve Flash and CSS issues for me most times.
>
> -Mark
>
> __
> 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/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
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] Menu falling behind video

[Mark Story]

Todd Richards wrote:
> Hi Everyone -
>
> Been struggling with this and maybe it's something obvious.  I have a CSS
> menu on my site, and I have a .FLV slideshow on the home page.  On all other
> pages, the menu works fine, and falls on top of the text (so you can
> navigate).  However, on the home page with the video, the video covers up
> the menu.  The menu  has a z-index of 1000.  I have tried to specify a
> z-index on the table cell of 10, with no luck.  I have tried a  with
> the same value, and no luck.  I have played around with positioning
> (absolute, relative, none) with no luck.  Things are the same in both IE and
> FF.
>
> www.thurtconstruction.com
>
> Any thoughts would be much appreciated!
>
> Todd
>
>   
Try embedding the flash with wmode = transparent or opaque.  Setting a 
windowmode for flash helps solve Flash and CSS issues for me most times.

-Mark

__
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] Menu falling behind video

[Gunlaug Sørtun]

Todd Richards wrote:

> www.thurtconstruction.com

> Been struggling with this and maybe it's something obvious.

The only obvious factor here is that you can't stack any html element on
top of flash, and make it work across browser-land.

> [...] The menu  has a z-index of 1000.

...which doesn't work in any case since 'z-index' has no effect on
elements that aren't 'position: relative/absolute/fixed'. Any of those
position-values will break that menu.
The obvious solution would have been to stack the #menu container itself
higher, but the flash will always be stacked on top so that's of no use
here.

The only reliable solution is to switch td's in the table, so the flash
stays on the right side and well away from the menu drop-downs. and the
"Custom Built Homes" text stays on the left side. May not look as
well-balanced design-wise, but at least it'll work - everywhere.


BTW: a source-code of such a low quality...

...doesn't deserve a doctype...

...and it sure doesn't make debugging and somewhat controllable
rendering any easier.

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] Menu falling behind video

[Todd Richards]

Hi Everyone -

Been struggling with this and maybe it's something obvious.  I have a CSS
menu on my site, and I have a .FLV slideshow on the home page.  On all other
pages, the menu works fine, and falls on top of the text (so you can
navigate).  However, on the home page with the video, the video covers up
the menu.  The menu  has a z-index of 1000.  I have tried to specify a
z-index on the table cell of 10, with no luck.  I have tried a  with
the same value, and no luck.  I have played around with positioning
(absolute, relative, none) with no luck.  Things are the same in both IE and
FF.

www.thurtconstruction.com

Any thoughts would be much appreciated!

Todd


__
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 Fixed Width, Variable Height Tabs

[James Leslie]

Many Thanks Georg, 

That has worked perfectly.

James

-Original Message-

> http://metafaq.com/clients/jamestesting/tabtest.html If you increase 
> the font-size one notch (in firefox) then the 'radio shows' text wraps 
> around but the others don't. Does anyone know how I can get the other 
> tabs to also fill the space to make the menu smooth?

You can try CSS table...


...since that's exactly how a table works.

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] CSS faux columns not working in IE6

[Gunlaug Sørtun]

Alan Gresley wrote:

> Very true Georg. For a developer wanting to develop for IE6 when 
> using conditional comments they must have original standalone 
> versions of IE6, IE7 and IE8b1 to test with.
> 
> [...] Since other people are not me and don't have access to my head,
>  standalone versions are a must. :-)

To sum it up: any strategy may work for the one who creates it, but not
necessarily for others.
It's the same as that I have all developer-tools for Firefox, but
never use them because they introduce debugging-limitations I'm not
willing to accept. They work well for others though.
So, having working strategies is fine, but one can not expect others to
use or follow the same ones, or even understand them.

>> Regarding the original case: it already had those 'hasLayout' fixes
>>  - in double dose with 'float: left; width: 100%;'. One of those 
>> was of course enough.
> 
> 
> I have updated my fix accordingly.

> 

Coming through just fine.

> [...]

> I would think it the first one since #leftfauxcol contains 
> #rightfauxcol. Is this correct?

Doesn't really matter, as it is just adding fat on top of butter :-)
I prefer using only 'width: value' when I can, as (outside a conditional
comment) that wouldn't upset old IE/Mac (if supported). Means I won't
have to hack these rules between IE/win and IE/Mac.

> I tried the 8bit png but I still saw the silver background so I 
> changed it to a gif.

Don't know why that happened, as IE6 treats static 8bit png same as 8bit
gif.

> As a general reminder please understand that there is two ways to 
> debug a page either being the quick way or the long way.

...or "the other" (usually very quick) way :-)

I always use Opera's "save as: 'HTML file with images'" option, and then
download 'CC' commented stylesheets for IE/win separately by copying
their names from the originals into Opera and save them in the prepared
sub-folder.
Opera arranges everything as a main file, with a sub-folder for images,
CSS, js etc., ready to be accessed by any browser and worked on by any
editing software. Thus, at this stage working on any "alien file" is no
different from working on my own files locally.

The only thing Opera changes is file-names, as it is applying the old
8bytes + 3bytes naming-convention from DOS when downloading from the web.

More about how it works, and why Opera in general does a better and more
complete downloading-job than other browsers, is described here...


My own experience says Opera has a success-rate of better than 98% -
less than 2% of the downloads are not very usable right away, and this
is more than good enough for what I use it for.

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] IE8 mode and IE7 emulation mode.

[Alan Gresley]

Hi ereryone

I have a question. This is what I now doing to test both IE8 and emulated IE7 
mode.

1. Open fresh instance of IE8.
2. From the developers tools I select IE7 strict mode.
3. I load a page and it rendering like IE7.
4. I open a new tab and load the same page.

The first tab will show IE7 rendering and the second tab will show IE8 
rendering. When I save a file off-line all I do is refresh each tab to see the 
update for each mode. Now it should be widely known that I have allowed IE8 to 
overwrite the real IE7. Does this differences between the tabs open affect 
standalone versions of IE8 or does it work the same way as in my case?


Alan

http://css-class.com/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/

Re: [css-d] CSS faux columns not working in IE6

[Ian Piper]

On 24 Mar 2008, at 5:14am, Alan Gresley wrote:

> Holly Bergevin wrote:
>
>> From: Ian Piper <[EMAIL PROTECTED]>
>>
> http://www.tellura.co.uk/index.php

> As you can see, the image used for the background for the left
> sidebar doesn't display in three-column mode and the content  
> column's
> white background doesn't fill the space unless the content is  
> longer
> than the sidebars. But only for IE6, and only when there is no  
> right
> sidebar.
>>
>> Ian, is it possible that the problem is the images for the faux  
>> columns? They are .png; do they have 32-bit transparency applied?
>>
>> It looks to me (and I could be all wet) like when the right side is  
>> "painted," since the image is as wide as the container, then  the  
>> background of the left side of the page (everything left of the  
>> right blue column) gets covered by the image, which shows gray on  
>> my machine, and reminds me of .png transparency issues in IE.
>>
>> Have you tried 8-bit transparency, or a .gif for those faux columns  
>> instead of the .png?
>>
>> ~holly
>
> Hi Holly, this is indeed what is happening. The image on the right  
> is covering the left image. I have put my offline test online now.
>
> 
>
> The image on the #rightfauxcol div is now transparent gif. The only  
> fix I applied to IE6 was.
>
> #leftfauxcol, #rightfauxcol {height:1%}
>
> These fixes are buried in the embedded in [if gte IE 6] conditional  
> comments in the header.
>
> Ian would you have happen to have download IE8 as an overwrite of  
> IE7? If so those [if lte IE 6] will not be seen by your standalone  
> version of IE6. If not remember to change the conditional comments  
> from [if gte IE 6] to [if lte IE 6] or you will targeting IE8 as  
> well. If you want to use conditional comments for importing style  
> sheets for IE why not use just [if lte IE 7] and separate IE6 from  
> IE7 rules by using * html within the same style sheets.

Holly, Alan, Georg,

That is it. Thank you so much for getting to the bottom of this. Once  
again I am in awe of the skill and readiness of people on this list to  
help others. More power to your collective elbows.

Regards,


Ian.
--
(BTW I have not downloaded IE8, but will make a note of your  
suggestions for when I do).
__
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] CSS faux columns not working in IE6

[Alan Gresley]

Gunlaug Sørtun wrote:

> Alan Gresley wrote:
> 
> > Ian would you have happen to have download IE8 as an overwrite of 
> > IE7? If so those [if lte IE 6] will not be seen by your standalone 
> > version of IE6.
> 
> Just a comment here: we keep on running into these "standalone and
> conditional comments" problems quite often, which complicates debugging
> for some.
> I use complete, original, versions of IE6, IE7 and IE8b1, which means I
> never run into such problems. I see what a regular visitor will see.
> The only extra work I have is that I have to download conditionally
> commented stylesheets separately before I can debug them.


Very true Georg. For a developer wanting to develop for IE6 when using 
conditional comments they must have original standalone versions of IE6, IE7 
and IE8b1 to test with.

Since I never use such comments it does not affect me personally and I now see 
it as a bonus having my version vectors corrupted. I know Georg, you are going 
to cry fowl (ops foul :-) but please consider it from my perspective since now 
my standalone IE6 will never see inside those conditional comment just meant 
for IE6 when I first view a page. I now see the raw IE6 with all it bugs. Very 
quickly I can see the dilemma one is facing with this browser. I say this since 
I often see unnecessary rules in those special style rules for IE6 anyway and I 
don't have the debug them as well as the normal CSS. Since other people are not 
me and don't have access to my head, standalone versions are a must. :-)


> Regarding the original case: it already had those 'hasLayout' fixes - in
> double dose with 'float: left; width: 100%;'. One of those was of course
> enough.


I have updated my fix accordingly.



/* \*/
* html #leftfauxcol {float:left;width:100%}
* html #rightfauxcol {height:1%}
/**/

I can't figure out which one is correct. It could be this.

/* \*/
* html #leftfauxcol {height:1%}
* html #rightfauxcol {float:left;width:100%}
/**/









I would think it the first one since #leftfauxcol contains #rightfauxcol. Is 
this correct?


> I found changing image-format wasn't enough though, as I immediately
> changed it to 8bit png (same as gif in this case) and still had
> background-positioning problems in my real IE6 - which led to the
> proposed background-position change for IE6.
> Problem was I forgot to mention the necessary image-format change, to
> make IE6 see the transparent part as transparent, when I responded, and
> I never looked back since my own copy worked flawless.
> 
> regards
>   Georg
> -- 
> http://www.gunlaug.no


I tried the 8bit png but I still saw the silver background so I changed it to a 
gif.


As a general reminder please understand that there is two ways to debug a page 
either being the quick way or the long way.

1. The quick way is to save the HTML source offline and hot link the linked 
CSS. This way we don't have to download the CSS and images. All we need to do 
now is add an embedded style to the source within the header. For the IE6 fixes 
we just hack IE6 into line in most cases and then we know the exact fixes 
needed. In Firefox we just edit the live CSS.

2. The long way is to create a special offline folder and save the HTML source 
as an index page within this folder. Then we have to either embed the CSS in 
the head or as an external file. Then we have to save particular images and 
change the URL source in the CSS for each crucial image. In this case I had to 
go back to Ian's page and save the header image also since Firefox will reduce 
the height of the header if no image is loaded.

The quick way I did last night. I was able to determine that the right image 
was hiding the left image or is that visa visa (not sure now, confused). This 
took me about and hour. I have taken the longer way now, but since I already 
had the source off-line I had already done most of the debugging and I only 
needed another hour. I also played around with the #header since there was a h1 
header with a negative left margin to hide it from view. This was creating the 
height for the #header and as you adjusted the text size the header area height 
would adjust in height accordingly and sometimes cover content. This h1 header 
needed to be removed from the flow completely by absolute positioning and a 
declared height was needed for the #header. These fixes you will find in the 
main embedded style Ian.

So summing up, using pngs without considering IE6 support for transparent pngs 
can cause confusion when trying to debug a page for IE6. Even though I have 
spent 3 hour including writing emails I do see this as helping me understand 
more about debugging IE6. I only began CSS when IE7 was released so I very good 
with understanding IE7. I also somewhat understand IE6 or earlier bug behavior 
but Georg is a true master with IE6. I will provide this link again.



Thi