Re: [css-d] IE bug I've never encountered. please help!

[Els]

John Haas wrote:

>> The site: http://qatotonetwork.newmbc.com
>>
>> The issue: All of the top parts of the sidebar blocks (which
>> are actually h2 tags) are shifting leftwards about 100 pixels
>> upon page load.  It at first renders correctly, then quickly
>> shifts to the left.

I see what you're describing in my IE, but when I copy your code 
locally, and view it as a file (Windows file system), the effect 
is gone, and it gives me a warning that active content was 
blocked to protect me from possible intruders. So, I'd say the 
culprit is somewhere in your scripts.

>> The odd part: When I turn on "Show Ruler" on the MSIE Dev
>> ToolBar, the issue corrects itself.

"Show Ruler" probably also is a script, which in this case 
counters yours.

If you can provide a static page with the output of the script in 
it, I could check the CSS and HTML to see why it happens. I don't 
read scripts though..

-- 
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] One more and it's done!

[Dave Pierce]

Dino delicately described:

> Comment out width in #navbar ul:
> #navbar ul { margin: 0; /* width: 720px; */ float:left; background:
> #ffeab8 url(../images/mainNavBg.gif) repeat-x; list-style: none;
> padding:0}
>
> Dave Pierce asked: Is there a way to . expand the nav bar as 
> needed,
> or at least let the "home" button expand to the right as the text sizes
> change?

Sorry Dino, but that had the same effect as the posting by cj, except 
that the background disappeared. The whole navbar became a vertical 
nave column on the right side.

Thanks for the attempt though. I'm sure that the answer's out there 
somewhere...

Dave

__
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 Scroll shows up on li:hover

[Stephen Prater]

I'm having trouble tracking down this CSS-bug.

Basically, if you go to http://preview.victoriamckinney.com/ 
bestof.php  and then mouse over the "Pottery" link, there is a CSS  
drop down menu.

When it drops down a horizontal scroll appears in IE < 6.  When you  
mouse over a link with onMouseOver, the horizontal scroll goes away.

We're looking at main.css and ie6.css, both in the root for stylesheets.

Gracias

Any ideas?

prater
__
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 bug I've never encountered. please help!

[John Haas]

Hi folks...

Was just about to finish up work for the night on the site I'm working 
on when out of the blue, an IE6/PC bug seems to have reared it's ugly 
head.  I've checked all the usual IE bugs but I am not seeing where this 
is going wrong.


The site: http://qatotonetwork.newmbc.com

The issue: All of the top parts of the sidebar blocks (which are 
actually h2 tags) are shifting leftwards about 100 pixels upon page 
load.  It at first renders correctly, then quickly shifts to the left.


The odd part: When I turn on "Show Ruler" on the MSIE Dev ToolBar, the 
issue corrects itself.


Thanks so much in advance for any help here!

-John
__
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] Wraooed div not expanding to height

[Scott Swabey]

Scott Haneda wrote:
> http://www.newgeo.com/web/css/cb/start.html
> 
> I have
> .inner {
>   border: 1px solid #bbb;
>   padding: .5em /* just for looks */
> }
 
> How do I get the height to exapnd correctly to the size of the copy
> in the boxes.  It should look like the "what we do" box on the right. 

You will need to add float:left to both the .outer and .inner classes.
 
> Also, the right what we do box would need to grow to the correct
> height as well. 
 
You'll need to employ one of the many [equal height column] methods,
though picking one and choosing which element to apply it to could be a
headache. Good luck!


Regards

Scott Swabey
Design & Development Director - Lafinboy Productions
www.lafinboy.com | www.thought-after.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] Wraooed div not expanding to height

[Scott Haneda]

http://www.newgeo.com/web/css/cb/start.html

I have 
.inner {
  border: 1px solid #bbb;
  padding: .5em /* just for looks */
}

Which shows the grey borders around the 2 boxes on this page.  I also have
stuffed two divs in there, floated left to give me two columns in the main
box.

How do I get the height to exapnd correctly to the size of the copy in the
boxes.  It should look like the "what we do" box on the right.

Also, the right what we do box would need to grow to the correct height as
well.

This is my first attempt at making a site use more css than html, sorry if
stuff is totally wrong here.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] One more and it's done!

[it]

Dave Pierce asked: Is there a way to . expand the nav bar as needed,
or at least let the "home" button expand to the right as the text sizes
change?

Comment out width in #navbar ul:
#navbar ul { margin: 0; /* width: 720px; */ float:left; background:
#ffeab8 url(../images/mainNavBg.gif) repeat-x; list-style: none;
padding:0}

Good luck, dino


__
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] One more and it's done!

[William R Ellis]

ALso  the "home" botton on the home page links to index2.html. index2.hml
does not exist.

-Will Ellis

> Dang! I done it agin!
>
> Sorry, it's http://www.lorettosedgwick.org/
>
> Dave
>

__
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] Image partially shows

[francky]

Patrick Roane wrote:

>Hi folks,
>
>I'm trying to create a background image in my .css file but it gets 
>'overshadowed' by other .css elements and I can't figure it out.
>
>Please take a glance at: www.pdrsolution.com/bistro17/index.html
>
>Here, you will see that I deliberately inserted the building image into the 
>index.html file to show how I'd like it displayed. But, also notice the image 
>is up in the top right corner partially behind other elements. Why does this 
>happen? I thought by adding it to the st_gargoyles.css/.inside class rule, the 
>image would be out in front- this is obviously not the case. Any hints?
>
>Thank you.
>
>patrick
>
Hi Patrick,
I guess because sometimes the class="inside" is not added to a div with 
dimensions, but as a separate  without a width and a 
height: then the bg-img is not in FF, but present in IE. - Unless there 
are new id's or classes cascading in the flow with only a 
background-color, they will cover it (partially). The play with negative 
margins and paddings will cause the display of the bg-img in not always 
the top-left position, I think.

Greetings,
francky

btw: the st_gargoyles_v4.css doesn't exist.

__
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] One more and it's done!

[Tim Gossett]

> Ok, so now I've got this "wonderful" page, with the nav bar they
> like...except...they don't like the extended bar on the right of the
> "home" button. That's where the buttons expand for enlarged text. Is
> there a way to make it go away and just expand the bar as needed, or at
> least let the "home" button expand to the right as the text sizes
> change?

Get rid of #navbar ul {width: 465px} and let the s determine the width
of the navbar. Also, get rid of #title {margin-right: -8px;}. You might need
to re-think the navbar's background image.

-- 
Tim Gossett
__
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] One more and it's done!

[cj]

> Sorry, it's http://www.lorettosedgwick.org/

would there be any reason you can't delete the width?  in firefox, at
least, it removes the right side empty coloring.  if you wanted it a
little ways away from the right margin you could always give it a
margin/padding-right.

#navbar ul {
width:465px; /* delete me */
}
__
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] One more and it's done!

[Dave Pierce]

Dang! I done it agin!

Sorry, it's http://www.lorettosedgwick.org/

Dave


On Jun 6, 2006, at 2:41 PM, cj wrote:

> On 6/6/06, Dave Pierce <[EMAIL PROTECTED]> wrote:
>> Ok, so now I've got this "wonderful" page [snip]
>
> what page?  :)
>

__
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] One more and it's done!

[cj]

On 6/6/06, Dave Pierce <[EMAIL PROTECTED]> wrote:
> Ok, so now I've got this "wonderful" page [snip]

what page?  :)
__
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] Assistance required on FF / IE views

[Dave Goodchild]

>
> Dave,
>
> Not sure about IE6, but in IE/Mac, it doesn't load at all. It doesn't
> freeze, but after 4 minutes, with the loading bar completely filled, it
> still hadn't loaded.
>
> Not that it matters too much, considering, but thought you might want
> to know.
>
> Dave


Thanks Dave. I can use a band pass filter for IE/Mac - anyone else using
that browser have any ideas?





-- 
http://www.web-buddha.co.uk

dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css)

look out for project karma, our new venture, coming soon!
__
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] Assistance required on FF / IE views

[Dave Pierce]

Dave Goodchild wrapidly wrote...

> Hi all. I am in the process of redesigning my site 
> (www.web-buddha.co.uk)
> and as my css knowledge has progressed I am coming to a fuller 
> understanding
> of the pitfall of certain approaches (the original site was designed 
> using
> absolute positioning which creates a false sense of security!). The 
> site
> looks ok (to me) in Firefox, but in IE (6 on XP) the footer does not 
> appear.

Dave,

Not sure about IE6, but in IE/Mac, it doesn't load at all. It doesn't 
freeze, but after 4 minutes, with the loading bar completely filled, it 
still hadn't loaded.

Not that it matters too much, considering, but thought you might want 
to know.

Dave

__
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] Debugging Techniques.

[Zoe M. Gillenwater]

Nick Fitzsimons wrote:
> Mark D Hiatt wrote:
>   
>> One trick I've used quite a few times is to put a garish border around 
>> whatever I'm working on at the moment. If my page is deep reds and browns, 
>> I'll put a 1px solid yellow border around a DIV I am wrestling with, and 
>> quite often that shows me that I'm having issues with margins or paddings 
>> or whatever. 
>> 
> Setting a border affects the box model - use the "outline" property 
> instead, supported in FF1.5, Opera and Safari.
>   

Sorry for the late reply on this one (trying to read some straggling 
threads before I go out of town). I use background colors to see where 
elements are lying because, like outline, they don't affect the box 
model, and unlike outline, they are supported in IE and older browser 
versions. I use the outline property in the rare cases where background 
colors don't make the divisions between elements clear enough. I almost 
never use the border property, because as soon as it is removed there is 
a likelihood that things will shift around (due to margin collapsing).

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.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/

[css-d] One more and it's done!

[Dave Pierce]

Ok, so now I've got this "wonderful" page, with the nav bar they 
like...except...they don't like the extended bar on the right of the 
"home" button. That's where the buttons expand for enlarged text. Is 
there a way to make it go away and just expand the bar as needed, or at 
least let the "home" button expand to the right as the text sizes 
change?

Thanks in advance,

Dave

__
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 alignment problem in IE 6

[Dan Crites]

Hi,

I have a little horizontal alignment booger that shows up in IE 6.   
It's fine in Firefox (win & mac), Safari, and Netscape.  You can see  
it at:

http://SeedsOfGrowth.com

where the banner portion transitions to the main body.  It gets worse  
as the screen gets wider, going from 1 pixel to 3.

Any ideas?

Many 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] Updated CSS Filter/Hack List

[Kieron McIntyre]

Tom wrote:

> Does Safari 2.0.3x act differently than the latest one listed?

Hi Tom,

Honestly, I'm not sure. I'll test it and update the list for you by the
weekend.

Thanks for your response, its much appreciated.

Kieron

__
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] Updated CSS Filter/Hack List

[Tom Livingston]

On 6/6/06, Kieron McIntyre <[EMAIL PROTECTED]> wrote:
> The address is www.digbyswift.com/dithered, so enjoy.

Does Safari 2.0.3x act differently than the latest one listed?

-- 


Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Does a hidden element load?

[Jay Blanchard]

[snip]
Does an element hidden with css load?
[/snip]

Yes.
__
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] Display CSS columns to entire page height?

[Tom Livingston]

On 6/6/06, Ed Flecko <[EMAIL PROTECTED]> wrote:
>
> Thank you, Tom.
>
> I've carefully read your referenced article...but (maybe I'm missing
> something) I don't see how it will help me; it seems the result is exactly
> what I already have.
>
> Ed

I have only done fixed width faux columns and a single color full
height I apologize if that wasn't what you were looking for. I don't
think I've seen what you want done.

Ive only done this:
http://alistapart.com/articles/fauxcolumns

or this, where the white is always 100% height:
http://arobotics.com/

HTH

-- 


Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Does a hidden element load?

[Christy Collins]

Does an element hidden with css load?
__
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] Updated browser compatibility charts?

[Jim Nannery]

Morning Bob

You wrote

> Back in the day, there were numerous CSS browser compatibility charts
> available. Now that the older browsers are fading into obscurity, I
> know that many of these charts haven't been updated in several years.
> Are there any updated ones available, and if so, where might I find
> them?
>

Peter-Paul Koch's quirksmode.org [1] web site has the only CSS Compatibility 
Chart I've seen that has IE7 b2 and opera 8.5 browser compatibility 
others are seriously outdated

Hope that's what you're after...

[1] http://www.quirksmode.org/css/contents.html

Jim Nannery
owner - www.backporchgames.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] Updated CSS Filter/Hack List

[Kieron McIntyre]

Hi list,

I hope as many people will find this as useful as myself. Since Dithered
is currently out of action I have republished his/her CSS Filter List. I
do not claim to take any credit but it is updated and I'm currently
connecting it up to a database so I can keep it that way easily.

The address is www.digbyswift.com/dithered, so enjoy.

I would very much appreciate any feedback as to missing filters/browsers
or mistakes.

Kieron McIntyre
www.digbyswift.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] Updated browser compatibility charts?

[Kieron McIntyre]

Bob wrote:

> Back in the day, there were numerous CSS browser 
> compatibility charts available. Now that the older browsers 
> are fading into obscurity, I know that many of these charts 
> haven't been updated in several years. Are there any updated 
> ones available, and if so, where might I find them?


Hey Bob,

I have recently put up a updated version of the Dithered CSS Filter list
(unfortunately the original is no longer with us). This contains IE7b
and additional Opera browers for PC and Mac. Although not yet 9beta.

The address is http://www.digbyswift.com/dithered.

I'm hooking it up to a database so it can be updated easily as new
browsers arrive. Hope this helps.

Kieron McIntyre
www.digbyswift.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] Display CSS columns to entire page height?

[L. T.]

How exactly to I unsubscribe from this listserv? I'm getting WAY too much
email...

>
> >Hi folks,
> >   I'm new to CSS, so I stump easily. I found a great 3 column CSS layout
> >that I like (http://css.maxdesign.com.au/selectutorial/steps/step22.htm ) 
>,
> >but I can't seem to figure out how to get the left and right columns to
> >take up the entire height of the browser window. They seem to be tied to
> >the center column somehow, and that's what's stumping me. Technically, I
> >don't even care about a footer at all; all I really want is the header, 
>and
> >the three liquid columns below it. The images within the columns do 
>exactly
> >what I want (repeat-y), I just want the columns to take up 100% of the
> >height that's available to them irregardless of screen resolution.
> >Suggestions???
> >
> >   Thank you for your help.
> >
> >   Ed Flecko
> >
> >
> >-
> >Be a chatter box. Enjoy free PC-to-PC calls  with Yahoo! Messenger with
> >Voice.
> >__
> >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/

Re: [css-d] Display CSS columns to entire page height?

[L. T.]

How exactly to I unsubscribe from this listserv? I'm getting WAY too much 
email...

>Hi folks,
>   I'm new to CSS, so I stump easily. I found a great 3 column CSS layout 
>that I like (http://css.maxdesign.com.au/selectutorial/steps/step22.htm ) , 
>but I can't seem to figure out how to get the left and right columns to 
>take up the entire height of the browser window. They seem to be tied to 
>the center column somehow, and that's what's stumping me. Technically, I 
>don't even care about a footer at all; all I really want is the header, and 
>the three liquid columns below it. The images within the columns do exactly 
>what I want (repeat-y), I just want the columns to take up 100% of the 
>height that's available to them irregardless of screen resolution. 
>Suggestions???
>
>   Thank you for your help.
>
>   Ed Flecko
>
>
>-
>Be a chatter box. Enjoy free PC-to-PC calls  with Yahoo! Messenger with 
>Voice.
>__
>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] ie6 not displaying site at all, Why?

[Ingo Chao]

Simon Kerr wrote:
> http://www.i4cevents.com/new/pages/index.htm

The height of body computes to 0 because all children are positioned 
absolutely here, they do not cause body to expand.

The height calculation of the main wrapper, #foreground, calculates with 
respect to the nearest ancestor -- in IE.

70% x 0px = 0px. #foreground gets a height of 0px.

What went wrong is that IE treats body as root element.

What should happen is that the percentage height is calculated with 
respect to the nearest /positioned/ ancestor, otherwise with respect to 
the initial containing block of html.

The same behavior could be simulated in the other browsers by giving 
position:relative to body.


You could give a height of 100% to body in IE-only. In my test case, 
something appears, but it doesn't look as intended.


If this is your first attempt, my advice would be to abandon transparent 
png hacks and absolute positioning. Too many troubles.


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/

[css-d] Display CSS columns to entire page height?

[Ed Flecko]

Hi folks,
  I'm new to CSS, so I stump easily. I found a great 3 column CSS layout that I 
like (http://css.maxdesign.com.au/selectutorial/steps/step22.htm ) , but I 
can't seem to figure out how to get the left and right columns to take up the 
entire height of the browser window. They seem to be tied to the center column 
somehow, and that's what's stumping me. Technically, I don't even care about a 
footer at all; all I really want is the header, and the three liquid columns 
below it. The images within the columns do exactly what I want (repeat-y), I 
just want the columns to take up 100% of the height that's available to them 
irregardless of screen resolution. Suggestions???
   
  Thank you for your help.
   
  Ed Flecko


-
Be a chatter box. Enjoy free PC-to-PC calls  with Yahoo! Messenger with Voice.
__
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] Updated browser compatibility charts?

[Bob Sawyer]

Hey all, long time no post.

Back in the day, there were numerous CSS browser compatibility charts
available. Now that the older browsers are fading into obscurity, I
know that many of these charts haven't been updated in several years.
Are there any updated ones available, and if so, where might I find
them?

Thanks large!

-Bob
__
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] ie6 not displaying site at all, Why?

[Simon Kerr]

http://www.i4cevents.com/new/pages/index.htm

works fine in safari (which is what I developed it on), opera and 
firefox but doesn't display anything except the top logo and some other 
images in ie6. I can't understand why.

I'm using png's for most of the graphics since I'm trying to create 
rounded edges over the top of other graphics. You get the idea if you 
just look at it on safari or firefox. As far as I know, I'm not using 
anything that ie6 shouldn't be able to display unless its the png's in 
which case I can use the tutorial on alistapart to get round ie6 not 
displaying png transparency.

To look at the css file go to 
http://www.i4cevents.com/new/styles/mainStyle8.css

This is driving me nuts and this is my first REAL attempt to create a 
purely CSS based site. Can anyone please help me? I really am 
desperate. If I can get this working it will score major points with my 
boss.

Regards, Simon

__
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] how to serve specific css for Opera 8?

[Philippe Wittenbergh]

On Jun 6, 2006, at 6:19 PM, Alex Robinson wrote:

> Well, depending on how you want to treat Opera 9 (it's been in beta
> for a while now), you could use something along the lines of
>
> http://www.fu2k.org/alex/css/hacks/fuzzyspecificity

your last test case (C) could be made to work in Opera 9. Instead of   
using :root, go for a CSS3 attribute selector; those are not  
supported by O8.

body #op8-hook-id[id^="op8-hook-id"] {background:lime}

(I know. Looks a bit ugly, but then good hacks are not pretty, and it  
avoids relying on a possibly non-existing parent selector)

That would cover Gecko, Safari, iCab, Konqueror, even IE11..., in  
case any of these support media queries but not the :root selector.

As for IE 7, in your test case:
A. red
B. red
C. blue

PS - my  is  
supposed to be correct.


Philippe
---
Philippe Wittenbergh





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

[css-d] Small IE issue from css newbie

[Barb @ BITS LLC]

Hi Everyone,

I'm working on a small site and trying to use css for the page layout.  
I'm pretty new to css and am having one small issue.  Here is the page 
in question -  http://www.bitsllc.com/csstest/index2.html   My issue is 
that in IE the nav area is slightly higher vertically than the main 
content area in IE only.  In Firefox both are vertically aligned.  Is 
there a way to correct this?  Thanks for your assistance.

Barb





__
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] IE7 and fuzzy specificity (was Re: how to serve specific css for Opera 8?)

[cj]

On 6/6/06, Alex Robinson <[EMAIL PROTECTED]> wrote:
> > http://www.fu2k.org/alex/css/hacks/fuzzyspecificity
>
>
> Could someone who's got IE7 installed let me know how it handles
> things and I'll update accordingly.

1. red (you got this one right)
2. red (this one says all ie should be blue)
3. blue (you got this one right)

do you know if anyone has submitted a bug report to the ie people
about this one?
__
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] Assistance required on FF / IE views

[Dave Goodchild]

On 06/06/06, Alex James <[EMAIL PROTECTED]> wrote:
>
>
> Dave wrote:
> > http://www.web-buddha.co.uk
>
> > The site looks ok (to me) in Firefox, but in IE (6 on XP) the footer
> does > not appear.
>
> Hello,
>
> Bit of a lurker around this list but had some spare time to help.
>
> I removed the position: relative set on #content, which fixed the
> disappearance of the footer. One of those CSS experts on this list might
> be able to give you a better explanation as to why this worked though?
>
> Thanks,
> Alex


Thanks so much! Yep, that positioning on #content was a hangover from the
old absolute scheme that I neglected to remove. Many thanks.




-- 
http://www.web-buddha.co.uk

dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css)

look out for project karma, our new venture, coming soon!
__
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] Assistance required on FF / IE views

[Alex James]

Dave wrote:
> http://www.web-buddha.co.uk

> The site looks ok (to me) in Firefox, but in IE (6 on XP) the footer
does > not appear.

Hello, 

Bit of a lurker around this list but had some spare time to help. 

I removed the position: relative set on #content, which fixed the
disappearance of the footer. One of those CSS experts on this list might
be able to give you a better explanation as to why this worked though?

Thanks,
Alex


__
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] how do I position a div to the bottom of a container div?

[Christian Heilmann]

> I have a basic div - relatively positioned which expands to fit the content. 
> I need to poistion a footer within that div that always anchors itself to the 
> bottom any ideas?
>
> Basically - how do I position a div to the bottom of a container div?

Set the position attribute of the main DIV to relative and position
the embedded one absolutely:

http://www.stopdesign.com/articles/absolute/


-- 
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.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] how do I position a div to the bottom of a container div?

[ross]

I have a basic div - relatively positioned which expands to fit the content. I 
need to poistion a footer within that div that always anchors itself to the 
bottom any ideas?

Basically - how do I position a div to the bottom of a container div?


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/

Re: [css-d] how to serve specific css for Opera 8?

[Gunlaug Sørtun]

Rizky wrote:
> http://kometdigital.web.id/test/three-column/main-index.html

> i've search for Opera 8 css filters and hacks, but the ones I found 
> are for older versions of Opera, such as the "be nice to Opera rule".
>  surely those won't work anymore right?


Well, if you like to "live dangerously", then you may decipher the
Opera-versioning hacks I use.



The validator doesn't like all of it, but I have yet to figure out why
since I more or less copied examples from the W3C CSS3 draft.

I use these hacks only for non-critical - just for fun -
browser-separation, like the CSS Sledgehammer trick used half way down
on this page...

...and as part of ongoing tests of CSS support across browser-land.

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/

[css-d] IE7 and fuzzy specificity (was Re: how to serve specific css for Opera 8?)

[Alex Robinson]

> http://www.fu2k.org/alex/css/hacks/fuzzyspecificity


Could someone who's got IE7 installed let me know how it handles 
things and I'll update accordingly.

Ta
__
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] Assistance required on FF / IE views

[Dave Goodchild]

Hi all. I am in the process of redesigning my site (www.web-buddha.co.uk)
and as my css knowledge has progressed I am coming to a fuller understanding
of the pitfall of certain approaches (the original site was designed using
absolute positioning which creates a false sense of security!). The site
looks ok (to me) in Firefox, but in IE (6 on XP) the footer does not appear.
I am continuing to troubleshoot but your assistance and expertise would be
much appreciated. The design now consists of a header, nav (both static),
content and right hand pane (floated left and right) and footer (clears
both). Cheers!

-- 
http://www.web-buddha.co.uk

dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css)

look out for project karma, our new venture, coming soon!
__
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] how to serve specific css for Opera 8?

[Alex Robinson]

>i've search for Opera 8 css filters and hacks, but the ones I found are
>for older versions of Opera, such as the "be nice to Opera rule". surely
>those won't work anymore right? well, that's all for now, thx


Well, depending on how you want to treat Opera 9 (it's been in beta 
for a while now), you could use something along the lines of

http://www.fu2k.org/alex/css/hacks/fuzzyspecificity


But note the final remarks of future proofing against other modern 
browsers implementing media queries which form the basis for the hack.

I'm not sure it's possible to distinguish between 8 and 9. Or rather 
I found 8 so broken that when the beta of 9 came out I stopped 
bothering to make any concessions for 8. I'd love to hear from anyone 
who does know how though.
__
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] how to serve specific css for Opera 8?

[Rizky]

hi list, I need some help for handling Opera 8 here

below is the link to the page and the css...and then please look at the 
right top colum. if you look at it on Opera 8, the tabbed menu is 
slighly off a few pixels downward. meanwhile in Firefox and IE it looks 
just fine.

http://kometdigital.web.id/test/three-column/main-index.html
http://kometdigital.web.id/css/tabs.css

the tabbed menu are made using floated lists, with "sliding door" 
background images. a difficult beast to tame :D

i've search for Opera 8 css filters and hacks, but the ones I found are 
for older versions of Opera, such as the "be nice to Opera rule". surely 
those won't work anymore right? well, that's all for now, thx


regards,
Rizky
__
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] strange whitespace in IE6

[Indranil Dasgupta]

David Laakso wrote:
> Indranil Dasgupta wrote:
>   
>> Kindly see the following page in IE6. http://www.inctalk.com/wp/
>> You can see a whitespace of 40px to the right of the page. This does not 
>> appear in IE 7 or other browsers. The CSS is 
>> http://www.inctalk.com/wp/wp-content/themes/inctalk/style.css
>> Indranil
>> 
> Since /I did not see the white space/ you wrote about in XP IE/6.0, I 
> took a very fast tour.
> These are some notes, sprinkled with some subjective opinions :-) :
> You may want to validate the markup:
> 
> Setting flush left/scatter right will dry up the rivers in the 
> content-text, and #222 will pop it.
> How come the content-text is not set default.
> How come only the first entry, rather than all the fonts, scale in IE?
> The google ads are up just a bit(2 or 3px) into the nav bar in Opera/9.0b2.
> Best,
> ~davidLaakso
Thank for the pointers.
I was able to fix it, thanks to Ena Escañan. Apparently the h1 had a 
40px left margin, which cause the disruption in IE.
Regards
Indranil

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