Re: [css-d] center col Table drops below left column content in IE

[Roger Roelofs]

Deano,

On Mar 28, 2006, at 1:00 AM, <[EMAIL PROTECTED]> wrote:

> Thank you Georg and Roger for your help.
>
> I have incorporated your recommendations into
> http://www.availcompany.com/webdev/webcode/css_test4.htm as follows:
>   
> 2. per Gerog and Roger, Removed the clearing-div, and added #footer
> {clear: both;}. Do you still think I do not need .clearfix even though
> threecolwrap wraps three left floated columns?

Don't take my word for it.  Try removing the class="clearfix" from the 
html and see what happens.  If your target browsers render the page 
properly without that, you don't need it.   The clearfix technic is 
used to emulate ie's "make elements tall enough to contain floated 
children" misbehavior in more standards compliant browsers.  Because 
#threecolwrap is floated, it will already do that without the clearfix. 
  If #threecolwrap were not floated you would need the clearfix to keep 
column 1 from poking out the bottom.

hth
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
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] center col Table drops below left column content in IE

[it]

Thank you Georg and Roger for your help. 

I have incorporated your recommendations into
http://www.availcompany.com/webdev/webcode/css_test4.htm as follows:

1. Per Georg added:

* html div#column2 {height: 100%;}
* html div#column2 table {float: left; margin-right: -10px;}

2. per Gerog and Roger, Removed the clearing-div, and added #footer
{clear: both;}. Do you still think I do not need .clearfix even though
threecolwrap wraps three left floated columns?

3. Per Georg, I am reading about 'em resizing bug'[1] in IE/win.
[1]http://www.gunlaug.no/contents/wd_additions_13.html fix: html
{font-size: 100%;}

Kindest Regards,
deano

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Sent: Monday, March 27, 2006 11:22 PM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] center col Table drops below left column content in
IE


[EMAIL PROTECTED] wrote:
> http://www.availcompany.com/webdev/webcode/css_test4.htm

> Question 1: why does Table with 100% width inside a center column 2
> drop below content of left column in IE but not in Firefox?

The short answer: IE/win has calculation-bugs. 100% isn't always 100%.
The quick solution, add...

* html div#column2 {height: 100%;}
* html div#column2 table {float: left; margin-right: -10px;}

...which will provide some space for IE to put its bugs without messing
up the layout.

> Question 2: why is  required above
> footer div markup for footer to clear the three columns despite using
>  "no-extra-markup" clearing method .clearme class on the
> threecolwrap?

It isn't.
Remove the clearing-div, and add...

#footer {clear: both;}

---

Note: you should also add...

html {font-size: 100%;}

...to avoid the 'em resizing bug'[1] in IE/win.

regards
Georg

[1]http://www.gunlaug.no/contents/wd_additions_13.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/




__
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] center col Table drops below left column content in IE

[Gunlaug Sørtun]

[EMAIL PROTECTED] wrote:
> http://www.availcompany.com/webdev/webcode/css_test4.htm

> Question 1: why does Table with 100% width inside a center column 2 
> drop below content of left column in IE but not in Firefox?

The short answer: IE/win has calculation-bugs. 100% isn't always 100%.
The quick solution, add...

* html div#column2 {height: 100%;}
* html div#column2 table {float: left; margin-right: -10px;}

...which will provide some space for IE to put its bugs without messing
up the layout.

> Question 2: why is  required above 
> footer div markup for footer to clear the three columns despite using
>  "no-extra-markup" clearing method .clearme class on the
> threecolwrap?

It isn't.
Remove the clearing-div, and add...

#footer {clear: both;}

---

Note: you should also add...

html {font-size: 100%;}

...to avoid the 'em resizing bug'[1] in IE/win.

regards
Georg

[1]http://www.gunlaug.no/contents/wd_additions_13.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] center col Table drops below left column content in IE

[Roger Roelofs]

deano,

On Mar 27, 2006, at 11:17 PM, <[EMAIL PROTECTED]> wrote:

> The main problem is why does Table with
> 100% width inside a center column 2 drop below content of left column 
> in
> IE but not in Firefox? Here is the link
> http://www.availcompany.com/webdev/webcode/css_test4.htm
>   
> Question 1: why does Table with 100% width inside a center column 2 
> drop
> below content of left column in IE but not in Firefox?
IE is notorious for skipping parent width and using grandparent width 
for box size calculations.  I'd suggest wrapping the table in yet 
another div.  Also move the width="100%" and border="1" out of the html 
and into the css.  Also run your html and css through a validation 
service.  It will catch things like the extra */ at the end of your 
#twocolwarp ruleset.

> Question 2: why
> is  required above footer div markup
> for footer to clear the three columns despite using "no-extra-markup"
> clearing method .clearme class on the threecolwrap?

I don't have the answer to the misbehaving .clearfix problem off the 
top of my head, but you don't need it or the extra markup.  Just add 
clear: both; to div#footer and it should be fine.  Unless you need the 
clearfix rules elsewhere on your site, I'd remove them too.  Removing 
unused code is one of the first steps to being able to figure out what 
is going on when you come back to this site next year.

hth
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
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] Firefox/IE not recognizing stylesheet

[L. David Baron]

On Monday 2006-03-27 23:15 -0500, Roger Roelofs wrote:
> On Mar 27, 2006, at 9:46 PM, Kim wrote:
> 
> > This seems like it must be so obvious, but I've looked at the 
> > about a million times and can't see what's happening.
> >
> > Basically, I have a test page that is using a stylesheet. Only Safari
> > recognizes the stylesheet and displays. For some some reason Firefox
> > and IE don't see it. I'm assuming something in the head or doctype of
> > my page is wrong, but I can't seem to figure it out. Help! :)
> >
> > http://www.theibisnet.com/test/index.html
> 
> Save as: options: encoding: utf-8 no bom (and change the meta 
> http-equiv="content-type..." to match.  The BOM is a 'byte order mark' 
> and is required for utf-16 so the reader knows how to read the two-byte 
> characters in the file.  it is fairly uncommon on web pages as you 
> discovered.

It's not really that it's uncommon on Web pages; I think UTF-16 is used
sometimes for East Asian languages, and generally with a BOM.

The issue is that the stylesheet is not in the same encoding, and the
browser's first guess at the encoding of the stylesheet is to use the
encoding of the document.  (This is actually contrary to the spec, but
all browsers have to do it because all the others do, or we break a lot
of Japanese (?) sites.)  If the style sheet began with: @charset
"UTF-8"; (or other appropriate single-byte encoding), it would probably
help.  (When I say begin, I mean it has to be the first characters in
the style sheet, with no comments or white space preceding.)

Also, "utf-16be-with-bom" is not a recognized encoding name; the
official list (http://www.iana.org/assignments/character-sets) contains
UTF-16BE.  Whether or not it has a BOM isn't part of the name.

That said, the advice "always use UTF-8" is sound advice, and probably
the best fix for this problem.  There's no reason for a Web page in
English to be using two bytes per character.  And it's also good to
always say what encoding you're using:
http://dbaron.org/log/2006-02#e20060212a
http://dbaron.org/log/2006-02#e20060212b

-David

-- 
L. David Baronhttp://dbaron.org/ >
   Technical Lead, Layout & CSS, Mozilla Corporation


pgpYDEiEC03GA.pgp
Description: PGP signature
__
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] center col Table drops below left column content in IE

[it]

Your help to the below issue is appreciated

IT wrote:

Hello CSS Masters,

Forgive me for not being able to locate an answer to the this problem in
the archive or in Wiki help. The main problem is why does Table with
100% width inside a center column 2 drop below content of left column in
IE but not in Firefox? Here is the link
http://www.availcompany.com/webdev/webcode/css_test4.htm

Structure is a 3 floated left column centered liquid layout. The CSS
structural tree is as follows: -Body
-Mainwrap: has min and max width
-Threecolwrap: left float wraps all three columns and uses background
image to color left column. Using ,clearme class
-Twocolwrap: left float wraps left and center columns and uses
background image to color right column with negative right margin to
clear space for right col. -Columns 1(left), 2(center), 3(right) are
floated left inside  
-Footer: still requires  to clear the
three columns.


Question 1: why does Table with 100% width inside a center column 2 drop
below content of left column in IE but not in Firefox? Question 2: why
is  required above footer div markup
for footer to clear the three columns despite using "no-extra-markup"
clearing method .clearme class on the threecolwrap?

deano


__
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] Firefox/IE not recognizing stylesheet

[Roger Roelofs]

Kim,

On Mar 27, 2006, at 9:46 PM, Kim wrote:

> This seems like it must be so obvious, but I've looked at the 
> about a million times and can't see what's happening.
>
> Basically, I have a test page that is using a stylesheet. Only Safari
> recognizes the stylesheet and displays. For some some reason Firefox
> and IE don't see it. I'm assuming something in the head or doctype of
> my page is wrong, but I can't seem to figure it out. Help! :)
>
> http://www.theibisnet.com/test/index.html

Save as: options: encoding: utf-8 no bom (and change the meta 
http-equiv="content-type..." to match.  The BOM is a 'byte order mark' 
and is required for utf-16 so the reader knows how to read the two-byte 
characters in the file.  it is fairly uncommon on web pages as you 
discovered.

hth
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
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] Full height column

[René Enguehard]

Hi all,

I've been trying for the past couple of days to create a simple layout
with a column spanning down the entire length of right side of the
webpage. Just a big block of blue basically going from top to bottom.
Doesn't sound very complicated but I've been banging my head against
it for so long everything is just a blur now. Basically, I tried what
I figured was right: create a div spanning from top to bottom and make
it's background that colour. Done deal, simple enough. Turns out it
wasnt.

I just couldn't get the div to work out right, so I figured, hey,
might as well just use the background attribute of the body tag, make
a 180px by 1px image and get it set as the background of the body and
do repeat-y on it. Should have worked also. It didn't. The body
apparently stops when the initial viewport ends. (Or at least it does
in Firefox 1.5 on Slackware) So if the content is longer, you get
scroll bars and as soon as you scroll the column ends. Pretty weird.

Now, the question is simple: if height: 100% doesn't work, and using
the body as the hook doesn't work, what else is there to try? The html
tag's hook is unavailable since I have another background on that
already. (Incidently, that one does span the entire page...)

Feel free to look at the site at: http://205.251.6.78/nlac/index.html
I don't necessarily like how the site looks, but it's being done for a
client who already knew what they wanted so I'm pretty much stuck with
it. However, they also knew they wanted the sidebar, and I can't seem
to be able to figure that one out. Thanks for any help,

René A. Enguehard
__
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] Firefox/IE not recognizing stylesheet

[Gunlaug Sørtun]

Kim wrote:
> Basically, I have a test page that is using a stylesheet. Only Safari
>  recognizes the stylesheet and displays. For some some reason Firefox
>  and IE don't see it. I'm assuming something in the head or doctype 
> of my page is wrong, but I can't seem to figure it out. Help! :)

> http://www.theibisnet.com/test/index.html

I had to use Opera 9 as interpreter since none of my html editors
understood that source-code encoding.
Once the source-code was interpreted/reformatted, all browsers picked up
the stylesheet just fine.

This might be an indicator...

...but others must chime in with info on how to set BBEdit to a more
universally accepted charset, or whatever, needed here.

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/

Re: [css-d] css header how-to?

[Peter Hyde-Smith]

Will Wyatt wrote...
>I give up. I'm developing at http://dev.highlandchurch.org/ I can't
> figure out where the space below the two images is coming from. Any
>

03/27/2006

Will:

Start by validating your HTML and CSS. Then check the margins and paddings 
of the 's, 's and 's of the area in question. IMO, you've quite 
the abundance of HTML and CSS for the job at hand. Regardless, the layout 
looks quite nice.

Best Regards,

Peter
www.fatpawdesign.com
www.baywerks.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/

Re: [css-d] css header how-to?

[Gunlaug Sørtun]

Will Wyatt wrote:
> I give up. I'm developing at http://dev.highlandchurch.org/ I can't 
> figure out where the space below the two images is coming from.

Your strict DTD makes images default to 'display: inline' in all
browsers (not just IE/win - which has that default regardless of DTD).

Solution...
#image1 img, #image2 img {display: block;}

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/

Re: [css-d] css header how-to?

[Will Wyatt]

I break up my files for development. I'm green enought at CSS it helps
me keep everything separate in my head.

I mocked up a single page that shows the same space under the images.
I only get the space below the image after I declare the doctype. If I
leave the doctype off, I don't get the space.

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


#pageWrapper
{
margin: 0;
width: 751px;
min-width: 500px;
margin-left: auto;
margin-right: auto;
}
#container1
{
background-color: red;
overflow: auto;
}
#image1
{
float: left;
}
#image2
{
float: right;
}








http://www.highlandchurch.org/images/logo.jpg";>


http://www.highlandchurch.org/images/home_banner.jpg";>






On 3/27/06, Don - htmlfixit.com <[EMAIL PROTECTED]> wrote:
> Will Wyatt wrote:
> > I give up. I'm developing at http://dev.highlandchurch.org/ I can't
> > figure out where the space below the two images is coming from. Any
> >
>
> YOU HAVE ELEVEN DIFFERENT STYLE SHEETS!
> The one I happened to look at had all sorts of stuff you don't need in
> it.  You should start with a clean page with embedded css so we can
> follow along and we'd be happy to help.
>


--
Proud member of the KEXP cubicle army.
http://www.cubiclearmy.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/

[css-d] Firefox/IE not recognizing stylesheet

[Kim]

This seems like it must be so obvious, but I've looked at the   
about a million times and can't see what's happening.

Basically, I have a test page that is using a stylesheet. Only Safari  
recognizes the stylesheet and displays. For some some reason Firefox  
and IE don't see it. I'm assuming something in the head or doctype of  
my page is wrong, but I can't seem to figure it out. Help! :)

http://www.theibisnet.com/test/index.html

Thanks!

Kim Leidich
__
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] css header how-to?

[Will Wyatt]

I give up. I'm developing at http://dev.highlandchurch.org/ I can't
figure out where the space below the two images is coming from. Any

On 3/27/06, Will Wyatt <[EMAIL PROTECTED]> wrote:
> Hi all. I'm trying to update one of my websites in CSS.
> The website in question is http://www.highlandchurch.org
> I've got everything on the website figured out except the header. I
> can't figure out how to get one image on the left, and one image on
> the right with text below it. In a table it would look like:
> 
> 
> left image
> right image
> 
> 
> 
> 
> bottom text below right image
> 
> 
> 
> 
>
>
> Can anyone help me figure out how to do this in CSS? Thanks.
>
> --
> Proud member of the KEXP cubicle army.
> http://www.cubiclearmy.com
>


--
Proud member of the KEXP cubicle army.
http://www.cubiclearmy.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] 3 Column fluid and equal layout

[Al Sparber]

From: "Bob Easton" <[EMAIL PROTECTED]>

> Kenoli Oleari wrote:
>> Can someone point me to some CSS code that works in IE Windows 
>> (along
>> with other browsers) for creating a three column fluid and equal
>> height layout where columns all adjust to the same length based on
>> the one with the longest content and adjust fluidly with the 
>> browser
>> window in the horizontal direction?  I'd rather have real "columns"
>> than the "faut" layout using background colors.
>>
>>
> The best answer is Alex Robinson's "One True Layout."
> http://www.positioniseverything.net/articles/onetruelayout/

I'm surprised to find the list management editorializing. I would have 
hoped for as much impartiality as I've seen in the answers to this 
point. If anyone would like my opinion of the "One True Layout", they 
can request it offlist :-)

I am really surprised, though. Shocked, actually.

-- 
Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".






__
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] 3 Column fluid and equal layout

[Bob Easton]

Kenoli Oleari wrote:
> Can someone point me to some CSS code that works in IE Windows (along  
> with other browsers) for creating a three column fluid and equal  
> height layout where columns all adjust to the same length based on  
> the one with the longest content and adjust fluidly with the browser  
> window in the horizontal direction?  I'd rather have real "columns"  
> than the "faut" layout using background colors.
> 
> 
The best answer is Alex Robinson's "One True Layout."
http://www.positioniseverything.net/articles/onetruelayout/

-- 
Bob Easton
Accessibility Matters: http://access-matters.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] Gap between li's

[Cole Tuininga]

On 3/27/06, Rella Abernathy <[EMAIL PROTECTED]> wrote:
> Take out all the white space, like this:
>
> ul id="navlist">Home href="#">CustomersCompany href="#">SolutionsContact
>
> It looks terrible, but it works.

Yeah - I noticed that.  I was kind of hoping for a more elegant solution...

--
Cole Tuininga
http://www.tuininga.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/

[css-d] CSS/Flash interaction question

[Phil Glatz]

I'm developing a site for a client who wants users to be able to post 
poems and choose among a different set of fonts for display.  The 
most portable solution we could think of involves using Flash to 
create a display area for the poem, and pass a font specifier as a 
parameter.  The SWF only has to load once, and different poems can 
use different fonts without a penalty for having to reload the 
movie.  The other thing I want to do is to resize the stage area for 
the SWF so the height is correct for the poem.  I'm using a technique 
described at 
.  The Flash 
actionscript determines the stage height needed, and calls a URL to 
the page that calls a short javascript function to resize the 
division the SWF is in.  The SWF itself is set to a height of 100%, 
and relies on the division to contain its height.

This works perfectly in Firefox 1.51 (I'm on XP), but has some issues 
with IE 6.  This is some sort of a DOM/CSS issue, but I can't get a 
handle on it.  I made a stripped-down version of the page here:
http://www.glatz.com/mtest/mtest.html

I've removed as much as I can to illustrate the issue.  You'll notice 
a couple of rows of images below the poem (icon 1-4, icon 1-3).  If I 
display the page in IE from a cold start, they usually get 
displayed.  If I then refresh it, they don't display.  If I flush the 
cache, they will show back up until I redisplay them.

I'll add my actionscript at the end of this email (and will be happy 
to send you the Flash and any other files you want).  If I comment 
out the call to "resize()" at the very end, which sends a new stage 
height parameter back to the page and uses javascript to resize the 
enclosing division of the stage, the problem goes away.

thanks for any suggestions!



the actionscript:
-
// width of stage
swid = 740;

allowResize = "true";

// call this to resize the stage
function resize() {
if (allowResize == "true") {
h = Math.ceil(pBody._y+pBody._height)+10;
//h=500;
getURL("javascript:setFlashHeight('wrapper',"+h+");");
}
}

// Setting a stage to align to "TL" (top left) spares us the need to 
re-shift the contents of the stage
// everytime we resize the object/embed tag in javascript. By 
default, Flash is aligned to the center of a flash movie.
Stage.scaleMode = "noScale";
Stage.align = "TL";
// Initialize objects on the stage depending on whether the browser 
supports resizing flash
if (allowResize == "true") {
pBody.autoSize = "Left";
} else {
pBody._height = 274;
pBody._width = swid;
s = _root.attachMovie("FScrollBarSymbol", Scroller, 1, {_x:710, _y:28});
s.setSize(270);
s.setScrollTarget(pBody);
}


// load external vars
// calculate positions and heights of the three text boxes
bpTitle.autoSize="center";
pTitle.background=false;
pTitle.text=p_title;

pAuthor._y = (pTitle._y + pTitle._height) + 2;
pAuthor.autoSize="center";
pAuthor.background=false;
pAuthor.text=p_author;

pBody.html = true;
pBody.background=false;
pBody._y = (pAuthor._y + pAuthor._height) + 8;
pBody.text=p_body;

resize();

__
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] First attempt at a full css 2 column fixed widthlayoutfailing miserably!

[Joanne]

Fixed it. For anyone having the same problem and playing along at home,
here's how I fixed it (courtesy of a PVII pack I purchased - Ennergi)

Added the following to my stylesheet:
.clearit {
clear: both;
height: 0;
line-height: 0;
font-size: 1px;
}

And added the following code just above the footer div


Joanne


__
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] First attempt at a full css 2 column fixed width layoutfailing miserably!

[Joanne]

Here's the example online. Very crude, I'm just starting to piece it
together.

www.sparrowdog.com/bti

Joanne



__
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] removing underlines from images (it worked!)

[pablo / silvasonic]

thanks don, brian and phillipe. i just popped .post_meta  
a.icons:hover {border: none; text-decoration: none;} into the code  
and added the class to my image anchor () and it worked like a charm.  
i didn't even know you could do that, i mean, a class within the  
primary class. i guess i need to read up on sub-classes. thanks  
again, -p-

final results can be seen at: http://silvasonic.com/temp/sandbox/ 
css_test_00.html (i'm actually gonna rid of the whole border-bottom- 
width stuff and do regular links with the corresponding states)
__
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] First attempt at a full css 2 column fixed width layout failing miserably!

[Joanne]

In the quest to remove table layouts from my work, I'm attempting to do a 2
column fixed width layout using pure css. Here's what I'm after.

Header stretching the entire width.
Navigation on left, content on right.
Footer stretching the entire width sitting at the bottom.

Main enclosure is:
#main {
position: relative;
background-color: #ff;
width: 760px;
margin: 0 auto;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image: url(images/contentpaper.gif);}

Header is:
#header {
height: 187px;}

Left column is:
#navigation {
float: left;
width: 180px;
margin-left:5px;
}

Right column is:
#content {padding: 10px;
float: right;
width: 500px;
}

And the footer, which I want to stretch the entire width of the #main and
sit below the Left & Right columns is:
#footer {background-image: url(images/footerpaper.jpg);
background-color: #6c207e;
padding: 10px;
margin: 0 auto;
width: 740px;
color: #FF;}

It looks the way I want it to in IE, but in Opera and Firefox, the
#navigation and #content are sitting on the footer's background and not the
#main's background and the footer is crammed in the middle of them both like
a little piggy! 

HTML code is:

header image code is in here
navigation in here.
Content is going to go in here.
footer to go in here

I know I must be missing something simple and thought someone who is clever
could point it out to me so I don't get super cranky and go build it in
tables like a naughty girl :)

Joanne


__
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] horizontal Scrolling

[Terri Chicko]

Thank you very much... that fixed it in most browsers. I can't see it  
in Windows IE... but in Mac IE it still has the horizontal scroll  
bar. Is there any fix for that and can anyone check it for me in Windows
Thanks
Terri

On Mar 27, 2006, at 3:23 PM, cj wrote:

> deleting the widths over 100%, such as "width: 110%", helps quite a  
> bit.  :)
> __
> 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] css header how-to?

[Ian Young]

> Hi all. I'm trying to update one of my websites in CSS.
> The website in question is http://www.highlandchurch.org
> I've got everything on the website figured out except the header.>
>
>
> Can anyone help me figure out how to do this in CSS? Thanks.
>
> --
Why not try two columns within the header Use the header as a wrapper, not
forgetting to have a clear:both in div below the header.

I prefer to place images like this directly into column rather than by CSS.
Then use  to place text underneath.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.385 / Virus Database: 268.3.2/293 - Release Date: 26/03/2006

__
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] Gap between li's

[Rella Abernathy]

Take out all the white space, like this:

ul id="navlist">HomeCustomersCompanySolutionsContact

It looks terrible, but it works.


On Mar 27, 2006, at 11:41 PM, Cole Tuininga wrote:


> Here's another one for you folks:
>
> Again the url is http://ce.tuininga.org:12345/
>
> This time, I'm trying to eliminate the gap between the menu items
> (which are 's).  Any thoughts?
>
> --
> Cole Tuininga
> http://www.tuininga.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] css header how-to?

[Ricky Zhou]

> Hi all. I'm trying to update one of my websites in CSS.
> The website in question is http://www.highlandchurch.org
> I've got everything on the website figured out except the header. I
> can't figure out how to get one image on the left, and one image on
> the right with text below it. In a table it would look like:
Try using a container div with overflow: auto (to contain the float)
and float one image right, one image left inside.
Something like this:









Ricky
__
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] Gap between li's

[Cole Tuininga]

Here's another one for you folks:

Again the url is http://ce.tuininga.org:12345/

This time, I'm trying to eliminate the gap between the menu items
(which are 's).  Any thoughts?

--
Cole Tuininga
http://www.tuininga.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/

[css-d] css header how-to?

[Will Wyatt]

Hi all. I'm trying to update one of my websites in CSS.
The website in question is http://www.highlandchurch.org
I've got everything on the website figured out except the header. I
can't figure out how to get one image on the left, and one image on
the right with text below it. In a table it would look like:


left image
right image




bottom text below right image






Can anyone help me figure out how to do this in CSS? Thanks.

--
Proud member of the KEXP cubicle army.
http://www.cubiclearmy.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] horizontal Scrolling

[cj]

deleting the widths over 100%, such as "width: 110%", helps quite a bit.  :)
__
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] horizontal Scrolling

[Terri Chicko]

Hi All
I'm new to this list and have been reading like a mad woman to try  
and get an idea of what's being talked about.

I just started this new site.
http://www.the-ranch-arizona.com/
and I'm having some CSS problems... I'm on a mac, using Golive CS2

The first problem is I don't really know what I'm doing: )
but I'm learning.

The real issue right now is that there is a horizontal scroll bar on  
the page. I think it might be caused by the background image, but I  
wanted it to be repeating when the window resizes it shifts with it.  
So... is there a way to make the scroll bar go away and keep this  
feature?

Thanks in advance
Terri




__
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] CSS Border Issue

[David Dorward]

On 27/03/06, Steve LaBadie <[EMAIL PROTECTED]> wrote:
> I just realized that IE doesn't show a difference between the different
> border options (i.e., dotted, dashed, double, etc.).  Is there a fix for
> universal browser support?

The only bug that I'm aware of is that it displays dotted as dashed IF
the border-width is 1pixel. Otherwise, AFAIK, support is fine.

--
David Dorward 
__
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] IE display problem(s)

[Connor Boyack]

> >In IE, the min-height isn't recognized.. so on the index.html page, the
> >footer is right up underneath it.  How can I get hack the CSS to get IE to
> >push the footer down a bit?
>
> Perhaps set a height? (By the way, your current index.html page does not look 
> as you describe it above in my IE6.)

Everything else I've fixed, but I'm still having the height issue.  IE
won't respond to the min-height property.  If I set the height as
400px, for example, then it won't expand it greater than 400px - so if
the content is longer, it gets chopped off.  Does anybody know a hack
to get IE to have a min-height?

--
Connor Boyack
WebVid Productions
http://www.webvidpro.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/

[css-d] CSS Border Issue

[Steve LaBadie]

I just realized that IE doesn't show a difference between the different
border options (i.e., dotted, dashed, double, etc.).  Is there a fix for
universal browser support?
 
Steve LaBadie, Web Manager 
East Stroudsburg University 
200 Prospect St. 
East Stroudsburg, Pa 18301-2999 
570-422-3999 
[EMAIL PROTECTED]   
http://www.esu.edu  
 
__
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] Georgia font not showing in FF/Netscape

[Olly Hodgson]

On 27/03/06, 2geedesign <[EMAIL PROTECTED]> wrote:
>
> If anyone can suggest why this font doesn't show in FF and Netscape on my
> machine and why it appears in only half the content on the second machine
> it would be much appreciated.

Ian, do you have a URI or some code we could look at?

Cheers,

--
Olly
http://thinkdrastic.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/

Re: [css-d] Page looks different in IE7

[Ivar van Duuren]

Hi,

[francky:]
> fotr the line break in html can make a difference.

[Els:]
> It's not necessary to eliminate the line-break between  and
> ; just the one between the  and  will do. The same
> underscore is apparent in Opera too btw.

[Philippe:]
> #portfolio a {text-decoration:none}

These solutions all work, thanks guys!

Ivar
__
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] Browser Compatibility Check

[Shripal Daphtary]

Hi all,

i'm having another problem using suckerfish's drop-down menu (i'm a
newbie btw).  I added the css from suckerfish, with some changes to my
existing CSS

http://www.chemtech-usa.com/2005-2006/script/main.css

this is the problematic page:

http://www.chemtech-usa.com/2005-2006/html/index.htm

I have several problems that i just can't wrap my head around the problems.

1. it looks like it works fine in IE.  but when i look at in firefox,
the drop down widths are all wrong and submenus are far to the right.

2.  i'm also looking to increase the height of the links.  right now
they are too thin.  but if i do that then the submenus don't line up
just right.

thanks for you 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/

Re: [css-d] content dropping below sidebar navigation - tried the usual -SOLVED

[Dan H]

Thank you so much.  I thought it was something like that but just could 
not see the forest for the trees.

Dan

Gunlaug Sørtun wrote:
> Dan H wrote:
>> http://www.momsluxurylinens.com/
>
>> First, I apologize for my being blinded on this.  I am thinking I
>> will kick myself when I get the answer but I have been looking at
>> this too long, I suppose.
>
> Maybe :-)
> No need to apologize though. It's just another of those, quite ordinary,
> 'human bugs', that no validator will catch.
>
> You've got an end-tag too many here...
>
> 
>
> Move one of them down to...
>
> 
>
> ...and it will line up just fine.
>
> regards
> Georg

__
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] content dropping below sidebar navigation - tried the usual

[Gunlaug Sørtun]

Dan H wrote:
> http://www.momsluxurylinens.com/

> First, I apologize for my being blinded on this.  I am thinking I
> will kick myself when I get the answer but I have been looking at
> this too long, I suppose.

Maybe :-)
No need to apologize though. It's just another of those, quite ordinary,
'human bugs', that no validator will catch.

You've got an end-tag too many here...



Move one of them down to...



...and it will line up just fine.

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/

Re: [css-d] 3 Column fluid and equal layout

[Thierry Koblentz]

Frédéric Trudeau wrote:
> Interesting links Thierry.
>
> Is it possible to make this 3 columns fluid layout fixed
> width and centered ?
>
> Ie: http://www.tjkdesign.com/articles/3cols.asp

Sure, try:
body {text-align:center} /* for IE5 */
#outer_wrapper {width:720px;margin:0 auto;text-align:left}

PS: d'où viennent tout ces "é"?
;)

Regards,
Thierry | www.TJKDesign.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/

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

[css-d] content dropping below sidebar navigation - tried the usual

[Dan H]

DUH!!
Sorry folks.  I forgot the address

http://www.momsluxurylinens.com/
CSS:
http://www.momsluxurylinens.com/css/main.css





Hello,
First, I apologize for my being blinded on this.  I am thinking I will 
kick myself when I get the answer but I have been looking at this too 
long, I suppose.

My page has a main content area div  inside of a main container.  The 
main content area div -#main content area -  houses the left side bar - 
#sidebarA,  and the main content - #content - on the page.  The left 
sidebar is floated left.  I am pretty sure there is plenty of margin and 
padding between the sidebar and the content.  the sidebar is 175px wide 
and the left margin of the content is 200px.

I have tried giving #main content area a position:relative setting and 
that did nothing.  Also tried height:100%.  That did nothing.

Using the developer tool bar if FF, I notice that #content is not listed 
under #main-content-area as it should be.  I am guessing that I have a 
misplaced tag that I cannot, for whatever reason, track down.

The page validates HTML 4.01 Strict   The css validates except for the 
orange border color .  There are borders around the #sidebarA - orange, 
the #content - blue and the #main-content-area - red.  These will be 
removed.
  Side note: some of the other pages may not validate at this time.  I 
am concerned with only the main page right now.

Any help appreciated and any other comments accepted, also.

Thanks,
Dan
__
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] 3 Column fluid and equal layout

[Frédéric Trudeau]

Interesting links Thierry.

Is it possible to make this 3 columns fluid layout fixed 
width and centered ?

Ie: http://www.tjkdesign.com/articles/3cols.asp

Thanks,

-Original Message-
Kenoli Oleari wrote:
> Can someone point me to some CSS code that works in IE Windows (along
> with other browsers) for creating a three column fluid and equal
> height layout where columns all adjust to the same length based on
> the one with the longest content and adjust fluidly with the browser
> window in the horizontal direction?  I'd rather have real "columns"
> than the "faut" layout using background colors.
> 
> I know there has been reference here to this in the past.  I have
> some code that works in everything except IE Windows and know I have
> seen some code that works there also but can't find it.

This layout has good browsers support:
http://www.tjkdesign.com/articles/3cols.asp 
Not using faux-columns is kind of "off-topic", but this may help you:
http://www.paulbellows.com/getsmart/balance_columns/

Regards,
Thierry | www.TJKDesign.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/

__
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] content dropping below sidebar navigation - tried the usual

[Dan H]

Hello,
First, I apologize for my being blinded on this.  I am thinking I will 
kick myself when I get the answer but I have been looking at this too 
long, I suppose.

My page has a main content area div  inside of a main container.  The 
main content area div -#main content area -  houses the left side bar - 
#sidebarA,  and the main content - #content - on the page.  The left 
sidebar is floated left.  I am pretty sure there is plenty of margin and 
padding between the sidebar and the content.  the sidebar is 175px wide 
and the left margin of the content is 200px.

I have tried giving #main content area a position:relative setting and 
that did nothing.  Also tried height:100%.  That did nothing.

Using the developer tool bar if FF, I notice that #content is not listed 
under #main-content-area as it should be.  I am guessing that I have a 
misplaced tag that I cannot, for whatever reason, track down.

The page validates HTML 4.01 Strict   The css validates except for the 
orange border color .  There are borders around the #sidebarA - orange, 
the #content - blue and the #main-content-area - red.  These will be 
removed.
   
Side note: some of the other pages may not validate at this time.  I am 
concerned with only the main page right now.

Any help appreciated and any other comments accepted, also.

Thanks,
Dan

__
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] 3 Column fluid and equal layout

[Al Sparber]

From: "Kenoli Oleari" <[EMAIL PROTECTED]>

> Can someone point me to some CSS code that works in IE Windows 
> (along
> with other browsers) for creating a three column fluid and equal
> height layout where columns all adjust to the same length based on
> the one with the longest content and adjust fluidly with the browser
> window in the horizontal direction?  I'd rather have real "columns"
> than the "faut" layout using background colors.

This technique is simple to deploy and allows you to style each column 
as you please:
http://www.projectseven.com/tutorials/css/pvii_columns/col3fluid.htm

It uses JavaScript to control the heights of the columns, which is 
arguably no less natural than CSS hacks :-)

> An additional question.  Is there some way to get a dive to shrink
> fluidly to a size smaller that an image in the div?

Depends. Height + overflow hidden, clipping, and max-height are all 
potential solutions. It depends on exactly the effect you are seeking.

-- 
Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".




__
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] Help with line spacing

[Don - htmlfixit.com]

Michelle Tarby wrote:
> I'm hoping for some help or guidance with some text positioning issues 
> on a menu I'm working with.  I'm struggling to get some space between 
> list items that wrap onto a second line (If I'm not explaining that 
> clearly, you can look at http://wwwdev.lemoyne.edu/academics/index.asp 
> and see how "Registration & Course Information" runs right up above 
> "Continuing Education" without a space. 
> 
> I'm not sure how to modify my style sheet:
> 
> .menu {
> width:150px;
> height:175px;
> position:relative;
> margin:0;
> font-size:9px;
> margin:10px;
> z-index: 1500;
> }
> .menu ul li a, .menu ul li a:visited {
> display:block;
> text-decoration:none;
> color:#000;
> width:148px;
> height:30px;
> text-align:left;
> color:#fff;
> background-image:url("/images_admission/spacer.gif");
> line-height:15px;
> overflow:hidden;
> }
> .menu ul {
> padding:0;
> margin:0;
> list-style-type: none;
> }
> .menu ul li {
> float:left;
> margin-right:1px;
> position:relative;
> }
> .menu ul li ul {
> display: none;
> }
> 
> Or http://wwwdev.lemoyne.edu/css/academic_home.css if you want to take a 
> look at the whole thing.  Nothing I've tried has worked, so I'm guessing 
> that I just haven't found the right mix of changes.
> 
> Thanks in advance for any suggestions!
> 
> Michelle
> 

Michelle,

You have a TD attribute ... but not tables?
The footer menu is a few pixels short of the width.

Delete the set height from the menu list items:
height:30px;

Add bottom padding:
.menu ul li a, .menu ul li a:visited {
padding-bottom: 10px;

Check the right edge of that as it appears to me that your main menu 
items are being hidden from the pop-up divisions.

Lose all uppercase attributes in css.
BODY, TD {
should be
body, td {
although I don't think you ever use the td ... so you could delete that 
and the preceeding comma and space.

Don

__
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] Duplicate Content, Form Width Madness

[Rahul Gonsalves]

Bob Easton wrote:
> Ingo Chao wrote:
>> Rahul Gonsalves wrote:
>>> http://mentaid.in/newsletter
> While looking at the problem, I noticed another problem.  Your class 
> "accessibility" is set to display:none.  That is *not* a good 
> technique.  It hides content from screen readers, the people who need 
> it most.
>
> Read more:
> http://css-discuss.incutio.com/?page=ScreenreaderVisibility

Hi Bob:

Thanks for looking through the site; I must say that a lot of my 
information re:accessibility has been taken from your site, and a lot of 
misconceptions clarified.

I have since updated the site to use another technique, taken from 
Philippe Ws' site, Empty Spaces. I believe that this works much better.

http://mentaid.in/home/

Regards,
Rahul.


-- 

. . . . . . . . . . . . . . . . . . . . . . . .
Rahul Gonsalves
Make PNG, not War.
. . . . . . . . . . . . . . . . . . . . . . . .

__
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] Div Help

[Ian Young]

unless I add the options to the select element.  Does anyone know
> what the deal is?  This only happens in FireFox. The page renders
> great in IE 6.
>
> The site is at http://www.salemhospital.org/healthsource_test/index.php
> and the css is at
> http://www.salemhospital.org/healthsource_test/greystone.css
>
> Any help or insight into this problem would be greatly appreciated.
>
> Robbert van Andel
>
Seems to me that you need a footer after the columns:
#footer{clear:both;}

Once you have inserted the select items you will have altered the size of
your select boxes and this obviously alters the float properties.
There is a thread early last week on this.


Ian



--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.385 / Virus Database: 268.3.2/293 - Release Date: 26/03/2006

__
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] Help with line spacing

[Michelle Tarby]

I'm hoping for some help or guidance with some text positioning issues 
on a menu I'm working with.  I'm struggling to get some space between 
list items that wrap onto a second line (If I'm not explaining that 
clearly, you can look at http://wwwdev.lemoyne.edu/academics/index.asp 
and see how "Registration & Course Information" runs right up above 
"Continuing Education" without a space. 

I'm not sure how to modify my style sheet:

.menu {
width:150px;
height:175px;
position:relative;
margin:0;
font-size:9px;
margin:10px;
z-index: 1500;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#000;
width:148px;
height:30px;
text-align:left;
color:#fff;
background-image:url("/images_admission/spacer.gif");
line-height:15px;
overflow:hidden;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
margin-right:1px;
position:relative;
}
.menu ul li ul {
display: none;
}

Or http://wwwdev.lemoyne.edu/css/academic_home.css if you want to take a 
look at the whole thing.  Nothing I've tried has worked, so I'm guessing 
that I just haven't found the right mix of changes.

Thanks in advance for any suggestions!

Michelle

-- 
*
Michelle Tarby
Director of Web Services
Information Technology
Le Moyne College
http://www.lemoyne.edu
[EMAIL PROTECTED]

__
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] gabs in my header

[Don - htmlfixit.com]

shawn a wrote:
> http://briandchandler.com/shawn/tara/
> 
> Firefox: 2 gaps. one gab above the horizontal nav bar. 2 or 3 pixels
> in height. And one below looking to be like 10px in height
> 
> 
> IE: one gab above the horizontal nav bar. 2 or 3 pixels in height

You haven't given anything a height? Giving the proper elements a height 
helps it for me in ff.

/*=header==*/
#header {
height: 80px;

/*===nav bar=*/
#header_nav {
height: 26px;

Next you need some empty space between your columns perhaps ...
__
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] Div Help

[php]

I sent a message on Friday regarding a problem I'm having on one of my pages.  
The problem is that I have two DIVs that I am trying to place side by side by 
floating them.  This works great so far.  The problem is that each div has a 
form and a select element in it.  This still works. Where it fails is when I 
add the options to the element to the left div's select element.  When that 
happens, the right most div wraps to the next page.  It does not appear to be a 
problem with width problem.  I know my page has some non-standard pages and 
unfortunately there isn't anything I can do about that now.  However, 
everything works find unless I add the options to the select element.  Does 
anyone know what the deal is?  This only happens in FireFox. The page renders 
great in IE 6.

The site is at http://www.salemhospital.org/healthsource_test/index.php
and the css is at http://www.salemhospital.org/healthsource_test/greystone.css

Any help or insight into this problem would be greatly appreciated.

Robbert van Andel
__
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] 3 Column fluid and equal layout

[Thierry Koblentz]

Kenoli Oleari wrote:
> Can someone point me to some CSS code that works in IE Windows (along
> with other browsers) for creating a three column fluid and equal
> height layout where columns all adjust to the same length based on
> the one with the longest content and adjust fluidly with the browser
> window in the horizontal direction?  I'd rather have real "columns"
> than the "faut" layout using background colors.
> 
> I know there has been reference here to this in the past.  I have
> some code that works in everything except IE Windows and know I have
> seen some code that works there also but can't find it.

This layout has good browsers support:
http://www.tjkdesign.com/articles/3cols.asp 
Not using faux-columns is kind of "off-topic", but this may help you:
http://www.paulbellows.com/getsmart/balance_columns/

Regards,
Thierry | www.TJKDesign.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/

[css-d] gabs in my header

[shawn a]

http://briandchandler.com/shawn/tara/

Firefox: 2 gaps. one gab above the horizontal nav bar. 2 or 3 pixels
in height. And one below looking to be like 10px in height


IE: one gab above the horizontal nav bar. 2 or 3 pixels in height

Any thoughts on maybe div positioning that would alleviate those
spacing issues?
Thanks in advance :)

regards,
shawn
__
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] rollovers in safari

[ross]

simple solution- remove the button-holder and add a margin-top to the first 
button. But should nested divs not be active if the div on top is just a 
holder??

Thanks to all who helped.

Ross



- Original Message - 
From: <[EMAIL PROTECTED]>
To: 
Sent: Monday, March 27, 2006 4:24 PM
Subject: Re: [css-d] rollovers in safari


> You are right else. It is the button holder...nice spot!
>
> But I need the holder to position the buttons at the bottom. How do I make
> the buttons below it work?
>
> R.
> - Original Message - 
> From: "Els" <[EMAIL PROTECTED]>
> To: <[EMAIL PROTECTED]>; 
> Sent: Monday, March 27, 2006 4:14 PM
> Subject: Re: [css-d] rollovers in safari
>
>
>> [EMAIL PROTECTED] wrote:
>>> have added the content (but no text replacement) but the
>>> rollovers are still not working!
>>
>>
>> If you give the parent of div#button_holder a border, the
>> rollover works. However, it makes the image on the right drop
>> below the links. If I change the width of the div the image is in
>> (to 450px instead of 650px), the rollover works too. My best
>> guess is that something is covering the links, like one of the
>> divs. Hard to tell, as there are several seemingly superfluous
>> divs in the code which have both float and position properties in
>> inline styles.
>> If you want a simpler version that works, feel free to copy this
>> one:
>> http://here.locusmeus.com/temp/ross.html
>>
>> -- 
>> Els
>> http://locusmeus.com/
>> http://locusoptimus.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/
>>
>>
>
> __
> 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/

[css-d] 3 Column fluid and equal layout

[Kenoli Oleari]

Can someone point me to some CSS code that works in IE Windows (along  
with other browsers) for creating a three column fluid and equal  
height layout where columns all adjust to the same length based on  
the one with the longest content and adjust fluidly with the browser  
window in the horizontal direction?  I'd rather have real "columns"  
than the "faut" layout using background colors.

I know there has been reference here to this in the past.  I have  
some code that works in everything except IE Windows and know I have  
seen some code that works there also but can't find it.

I'd prefer something that can accommodate header and  footer divs  
that span all three columns as well.

It is so easy to be tempted back to tables when this is required and  
I don't want to do this.

An additional question.  Is there some way to get a dive to shrink  
fluidly to a size smaller that an image in the div?

Thanks.

--Kenoli


Kenoli Oleari
Neighborhood Assemblies Network
[EMAIL PROTECTED]
510-601-8217
http://www.horizonsofchange.com
http://www.sfnan.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] rollovers in safari

[ross]

You are right else. It is the button holder...nice spot!

But I need the holder to position the buttons at the bottom. How do I make 
the buttons below it work?

R.
- Original Message - 
From: "Els" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>; 
Sent: Monday, March 27, 2006 4:14 PM
Subject: Re: [css-d] rollovers in safari


> [EMAIL PROTECTED] wrote:
>> have added the content (but no text replacement) but the
>> rollovers are still not working!
>
>
> If you give the parent of div#button_holder a border, the
> rollover works. However, it makes the image on the right drop
> below the links. If I change the width of the div the image is in
> (to 450px instead of 650px), the rollover works too. My best
> guess is that something is covering the links, like one of the
> divs. Hard to tell, as there are several seemingly superfluous
> divs in the code which have both float and position properties in
> inline styles.
> If you want a simpler version that works, feel free to copy this
> one:
> http://here.locusmeus.com/temp/ross.html
>
> -- 
> Els
> http://locusmeus.com/
> http://locusoptimus.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/
>
> 

__
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] What difference a word makes

[Skip Knox]

Thanks to all who pointed this out. I thought I'd read everything at PiE!

-= Skip =-


Skip Knox
Boise State University
[EMAIL PROTECTED]


>>> "Pringle, Ron" <[EMAIL PROTECTED]> 03/27/06 7:56 AM >>>
Skip wrote:

> This appears to be an exotic HTML issue, but I strongly 
> suspect it's related to CSS, so I'm posting the question here.
> 
> This problem only appears in IE (tested in 6) and not in 
> Firefox. It was sent to me by a client who can't figure out 
> why the content area is popping out below the left menu. Oh, 
> that's an easy one, right?
> 
> Here's a copy of the page:
> http://tutoring.boisestate.edu/Workshops/Reading/skiptest.shtml 
> 

> The problem resides in line 96. It's just a plain paragraph 
> with an italicized phrase. Comment the paragraph out and the 
> page works fine. But it's even weirder. The *specific* 
> problem is in the phrase:
> "Your Guide to College Success."

> 
> I hereby consult the Collective Wisdom.

Skip-

It appears to be the not so exotic IE Italic bug [0].

IE does weird stuff with italic text and its overflowing the width of
the container, causing the container to drop.

Ron

[0] http://www.positioniseverything.net/explorer/italicbug-ie.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] rollovers in safari

[Els]

[EMAIL PROTECTED] wrote:
> have added the content (but no text replacement) but the
> rollovers are still not working!


If you give the parent of div#button_holder a border, the 
rollover works. However, it makes the image on the right drop 
below the links. If I change the width of the div the image is in 
(to 450px instead of 650px), the rollover works too. My best 
guess is that something is covering the links, like one of the 
divs. Hard to tell, as there are several seemingly superfluous 
divs in the code which have both float and position properties in 
inline styles.
If you want a simpler version that works, feel free to copy this 
one:
http://here.locusmeus.com/temp/ross.html

-- 
Els
http://locusmeus.com/
http://locusoptimus.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] What difference a word makes

[Pringle, Ron]

Skip wrote:

> This appears to be an exotic HTML issue, but I strongly 
> suspect it's related to CSS, so I'm posting the question here.
> 
> This problem only appears in IE (tested in 6) and not in 
> Firefox. It was sent to me by a client who can't figure out 
> why the content area is popping out below the left menu. Oh, 
> that's an easy one, right?
> 
> Here's a copy of the page:
> http://tutoring.boisestate.edu/Workshops/Reading/skiptest.shtml 
> 

> The problem resides in line 96. It's just a plain paragraph 
> with an italicized phrase. Comment the paragraph out and the 
> page works fine. But it's even weirder. The *specific* 
> problem is in the phrase:
> "Your Guide to College Success."

> 
> I hereby consult the Collective Wisdom.

Skip-

It appears to be the not so exotic IE Italic bug [0].

IE does weird stuff with italic text and its overflowing the width of
the container, causing the container to drop.

Ron

[0] http://www.positioniseverything.net/explorer/italicbug-ie.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] rollovers in safari

[James MacLeod]

Have you tried specifying the background-position on the a state?

and rather than having the link in a div why not just apply the id to  
the link. You are making the link a block element anyway.

so it becomes:

a#home_button { ...etc

and

a#home_button:hover { ... etc

and then make the changes in the html.

James MacLeod


On Mar 27, 2006, at 15:40, <[EMAIL PROTECTED]> wrote:

have added the content (but no text replacement) but the rollovers  
are still
not working!

Ross
- Original Message -
From: "Rob Mientjes" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Cc: 
Sent: Monday, March 27, 2006 3:22 PM
Subject: Re: [css-d] rollovers in safari


> On 27/03/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>> http://stuartgladstone.com/homepage2.html
>>
>> why do the rollovers (a:hover) not work in safari or firefox?
>
> The anchors don't contain any content of sorts. I think you should
> just keep the links normal and then do some text replacement. In this
> case, the following would work (yes, there are many other methods, I
> know):
>
> CSS
>
> #home_button a {
> background: url(images/home_button.jpg) no-repeat;
> width: 50px;
> height: 25px;
> display:block;
> position: relative;
> float: right;
> clear: right;
> text-indent: -999em; /* Note this and the following line in  
> particular! */
> text-decoration: none;
> }
>
> HTML
>
> Home
>
>
> The empty links are bad both in terms of accessibility and usability
> and for things like this; an empty element simply doesn't exist,
> according to Gecko, WebKit et al.
>
> HTH
> -Rob.
> __
> 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/

---
Konkrete
Design for New Media

flat 1 / college farm / great barford / beds / MK44 3JJ / uk
T: +44 (0)1234 871 982
M: 0781 114 2703 (uk only)

portfolio: http://www.konkrete.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/

Re: [css-d] rollovers in safari

[ross]

have added the content (but no text replacement) but the rollovers are still 
not working!

Ross
- Original Message - 
From: "Rob Mientjes" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Cc: 
Sent: Monday, March 27, 2006 3:22 PM
Subject: Re: [css-d] rollovers in safari


> On 27/03/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>> http://stuartgladstone.com/homepage2.html
>>
>> why do the rollovers (a:hover) not work in safari or firefox?
>
> The anchors don't contain any content of sorts. I think you should
> just keep the links normal and then do some text replacement. In this
> case, the following would work (yes, there are many other methods, I
> know):
>
> CSS
>
> #home_button a {
> background: url(images/home_button.jpg) no-repeat;
> width: 50px;
> height: 25px;
> display:block;
> position: relative;
> float: right;
> clear: right;
> text-indent: -999em; /* Note this and the following line in particular! */
> text-decoration: none;
> }
>
> HTML
>
> Home
>
>
> The empty links are bad both in terms of accessibility and usability
> and for things like this; an empty element simply doesn't exist,
> according to Gecko, WebKit et al.
>
> HTH
> -Rob.
> __
> 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/

[css-d] What difference a word makes

[Skip Knox]

This appears to be an exotic HTML issue, but I strongly suspect it's related to 
CSS, so I'm posting the question here.

This problem only appears in IE (tested in 6) and not in Firefox. It was sent 
to me by a client who can't figure out why the content area is popping out 
below the left menu. Oh, that's an easy one, right?

Here's a copy of the page:
http://tutoring.boisestate.edu/Workshops/Reading/skiptest.shtml 

Look at it in IE6 and you'll see the problem right away. This page is a clone 
of all the rest of the pages at the site, all of which work fine. No the page 
doesn't validate and stuff, but just let that slide.

The problem resides in line 96. It's just a plain paragraph with an italicized 
phrase. Comment the paragraph out and the page works fine. But it's even 
weirder. The *specific* problem is in the phrase:
"Your Guide to College Success."

Add any string between "to" and "College" and the page works!

It has to be a letter; a non-breaking space doesn't do the trick. I can kludge 
it by doing a span in white and inserting a single letter, but I'd sure like to 
know what the heck is going on here!

I hereby consult the Collective Wisdom.



Skip Knox
Boise State University
[EMAIL PROTECTED]


__
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] rollovers in safari

[Rob Mientjes]

On 27/03/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> http://stuartgladstone.com/homepage2.html
>
> why do the rollovers (a:hover) not work in safari or firefox?

The anchors don't contain any content of sorts. I think you should
just keep the links normal and then do some text replacement. In this
case, the following would work (yes, there are many other methods, I
know):

CSS

#home_button a {
background: url(images/home_button.jpg) no-repeat;
width: 50px;
height: 25px;
display:block;
position: relative;
float: right;
clear: right;
text-indent: -999em; /* Note this and the following line in particular! */
text-decoration: none;
}

HTML

Home


The empty links are bad both in terms of accessibility and usability
and for things like this; an empty element simply doesn't exist,
according to Gecko, WebKit et al.

HTH
-Rob.
__
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] rollovers in safari

[Christian Heilmann]

> Made changes...still no luck

Try some content. Empty links are not the most accessible of ways to
create a web site :-)
__
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] rollovers in safari

[ross]

Made changes...still no luck
__
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] rollovers in safari

[Christian Heilmann]

> http://stuartgladstone.com/homepage2.html
> why do the rollovers (a:hover) not work in safari or firefox?
> Any ideas?
> Thanks,
> Ross

- CSS only allows for comments of the /* */ syntax, not #,// or '

- You defined home_button twice
__
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] FireFox strange png behaviour

[Michiel van der Blonk]

For a while now we occasionally see some very strange rendering in 
background images in FireFox (all versions).

Compare this screen shot:
http://test5.caribmedia.com/CSS/images/ahata_on_fire.PNG

with the separate PNG:
http://www.ahata.com/ahata/styles/member/ahata/logo_top.png

If you go to http://www.ahata.com you'll most likely not encounter this 
problem. It only happens once a month or so, and it's very unpredictable.

I'd like to know if there is anyone who has ever seen it, and if it 
warrants putting it in bugzilla.

Michiel
__
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] Georgia font not showing in FF/Netscape

[2geedesign]

Hi
I have been asked to use the Georgia font on a website design. This font 
appears ok on my machine in IE6/Win but on the same machine in FF and Netscape 
the page defaults to Times New Roman, the second specified font.
On my client machine she reports that half of the page content is in Georgia 
and the other half in TNR.
If anyone can suggest why this font doesn't show in FF and Netscape on my 
machine and why it appears in only half the content on the second machine it 
would be much appreciated.


Ian W Geddes

__
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] rollovers in safari

[ross]

http://stuartgladstone.com/homepage2.html

why do the rollovers (a:hover) not work in safari or firefox?


Any ideas?


Thanks,

Ross
__
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] Long time reader, first time poster ; having 2 problems

[Frédéric Trudeau]

Greetings list !

I'll make it short.

Basically, http://dev.quantiksolutions.com/rubrique.php3?id_rubrique=6 is my
first attempt to create the CSS after building the logical HTML structure.

I am having 2 problems (yet) that I cannot figure out :


- No matter what I try, the left-most DIV (#content-body-actualites) doest
not stretch up to 100% of the viewport ;
- No matter what I try, I can't seam to be able to position the footer
(#content-footer) at the bottom of the document.


Here is the CSS :
http://dev.quantiksolutions.com/dist/css/quantik.screen.v2.css

Help very much needed and welcome :)

Regards,


Quantik Solutions | Frederic Trudeau
T. 514.381.3655 | C. 514.773.2577
http://www.quantiksolutions.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] Duplicate Content, Form Width Madness

[Bob Easton]

Ingo Chao wrote:
> Rahul Gonsalves wrote:
>> I'm absolutely flummoxed by what IE is doing to this page:
>>
>> http://mentaid.in/newsletter
>>
>> ...
>> The client wants this site up fairly soon, so if someone could look 
>> through it and send me a reply, I would be extremely grateful.
> 
> I think IE is somewhat irritated by the missing
> 
> 
> 
> Ingo
Yes, looks like Ingo got it right.

While looking at the problem, I noticed another problem.  Your class 
"accessibility" is set to display:none.  That is *not* a good technique. 
  It hides content from screen readers, the people who need it most.

Read more:
http://css-discuss.incutio.com/?page=ScreenreaderVisibility

-- 
Bob Easton
Accessibility Matters: http://access-matters.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] Duplicate Content, Form Width Madness

[Ingo Chao]

Rahul Gonsalves wrote:
> I'm absolutely flummoxed by what IE is doing to this page:
> 
> http://mentaid.in/newsletter
> 
> ...
> The client wants this site up fairly soon, so if someone could look 
> through it and send me a reply, I would be extremely grateful.

I think IE is somewhat irritated by the missing



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] IE column width problem

[Don - htmlfixit.com]

> The original site is www.a-wind-farm-too-far.com
> The new page is www.a-wind-farm-too-far.com/indexnew.htm
> 
> The original layout has a column ('sidebar') floated right with the main
> content in 'maincol' inside 'container' which is floated left.
> 
> The new layout has added 'infobar' inside 'container' and floated left
> with a left margin on 'maincol' to make space for it. This works in
> Opera and Firefox but in IE 'maincol' is displaced below 'infobar'.

This is very typical!  It happens with most designs that are tighly 
assembled and it is caused by differences in how ie6 calculates 
dimensions.  As usual, allow for padding and margin differences, add an 
ie 6.x only stylesheet and hum merrily on your way.  You almost always 
need to reduce the column width of either infobar or maincol inside of 
container for it to work.  The reason it drops one below is that the 
contents are too wide for the container by it's math.

I personally put my special ie only rules in conditionals like these 
nowadays (top one for 6 and below and bottom one for 7 and above if needed):




I have discontinued my use of the * and other similiar hacks.

Don
__
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] Duplicate Content, Form Width Madness

[Rahul Gonsalves]

Dear All:

I'm absolutely flummoxed by what IE is doing to this page:

http://mentaid.in/newsletter

The box to subscribe to the newsletter is being given a huge width ~ 
500px, and on top of that, the address which should be in the footer, 
has come up into it. It displays as I intend it to, on Firefox.

It is not the Duplicate Characters bug, as there are no comments between 
floated elements.

The client wants this site up fairly soon, so if someone could look 
through it and send me a reply, I would be extremely grateful.


Regards,
Rahul.

CSS:
http://www.mentaid.in/textpattern/css.php?n=default
http://www.mentaid.in/textpattern/css.php?n=inside

-- 

. . . . . . . . . . . . . . . . . . . . . . . .
Rahul Gonsalves
Make PNG, not War.
. . . . . . . . . . . . . . . . . . . . . . . .

__
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] IE column width problem

[Mike Davies]

Hi,
I have a website which has been live for some time and which the
client's designer now wishes to change by adding a new left-hand column.

The original site is www.a-wind-farm-too-far.com
The new page is www.a-wind-farm-too-far.com/indexnew.htm

The original layout has a column ('sidebar') floated right with the main
content in 'maincol' inside 'container' which is floated left.

The new layout has added 'infobar' inside 'container' and floated left
with a left margin on 'maincol' to make space for it. This works in
Opera and Firefox but in IE 'maincol' is displaced below 'infobar'.

Can anyone suggest how to solve this. Any help appreciated.

Regards,
Mike Davies
-- 
Mike Davies
Integra Web Design, Huntly, AB54 4XP
01466 700213www.integrawebdesign.co.uk

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