Re: [css-d] Weird links hover problem in IE 7.0 beta 2 ?

[Mikhail Bozgounov]

==
Els wrote:
 > It's a bug, that's triggered by having the stylesheet imported instead
 > of linked. [***]
 > http://locusoptimus.com/css-trickery/ie7-hover-bug.php

Thanks! Now I am sure I didn't write wrong CSS by accident! ;-)


===
Bryce Fields wrote:
> There are known issues w/ :hover in IE7 beta 2 in imported style
> sheets vs. linked or embedded stylesheets.  See
> http://css-discuss.incutio.com/?page=IE7 and
> http://www.projectseven.com/csslab/ie7/import.htm

> Remeber...IE 7 Beta 2 is just that...a beta.  It should NOT be used as
> a benchmark for testing your sites.  It should be used for the sole
> purpose of identifying bugs w/ the browser and reporting them to the
> IE development team
> (http://blogs.msdn.com/ie/archive/2006/01/31/520817.aspx).

This is right!

I installed IE 7 beta 2 to see how some of my designs look under the future v.7 
of IE. I've used some CSS filters in the past, to target IE 6 and other 
versions 
of this browser, and now I will have to clean my code and optimize it, to 
include into account the upcoming 7.0. I was just puzzled by this hover 
mis-behaviour and wan't sure, if I didn't make any mistake by accident... 
(yeah, 
I know the LVHA rule, but I thought I might have missed something other...)

Thanks everyone! :-)


Michel

__
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] Full height causing me trouble

[Seona Bellamy]

On 15/02/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
>
> Didn't check the test cases, but here is how I usually deal with these
> layouts.
>
> Add:
>
> #sizer {
> display: table;
> height: 100%;
> }
>
> ...and see the layout adjust to both screen-height and the amount of
> content. That's standard compliant behavior in standard compliant
> browsers.
>
> Next, I add the xml declaration at the top, which makes IE6 run in
> quirks mode and make that 'padding-bottom: 2em;' be applied inside its
> 100% high #sizer instead of expanding the container.


Well, I put the  first bit that you suggested, and IE seemed to spring into
line just fine. Yippee! Sadly, this time it's Firefox that's acting up.

The home page is fine:
http://staging.renovate.com.au

This page, however, is royally screwed:
http://staging.renovate.com.au/clubreno/index.cfm

What on earth has happened here?? It's as if there is suddenly a whole bunch
of  extra margins, or things have been absolutely positioned and the numbers
are wrong. I've checked the DOM inspector in Firefox, however, and neither
of these seem to be the case.

Then comes IE7 (one day), and it better not see the IE styles you have
> now, so make that conditional comment 'lt' = 'less than' IE7.
> IE7 will handle 'position: fixed' pretty OK.
>
> IE7 will probably not be given support for 'display: table', so it
> better not see the styles I've added for the standard-compliant browsers
> either. That is; unless you trick IE7 into running in quirks mode also,
> which will make it render like IE6.
> We'll just have to wait and see what's the best way to deal with IE7 -
> once they have a finished version on line. No big deal.


Good point, and I did as you suggested. Oddly enough, however, now I have a
white strip at the top in IE that says:


Did I do it wrong? I have to confess that I don't often use conditional
comments, but I'm trying to get into the habit of it.

As for what IE7 may or may not support, I'm going to wait until a little
closer to release before I start worrying. I'm the in-house developer for
this site, so it's not like there's going to be a problem if I need to make
a change or two down the track. That's what they're paying me for, anyway.
;)

BTW: I think you have a slight flaw in those width-values, as that
> footer looks a bit too short in Firefox.


I'd noticed that too. I figured it was a small-fry of a problem until I
could make the actual box extend all the way, though. I'll start playing
with it now, though.

Cheers,

Seona.
__
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 based horizontal menu bar

[Roger Roelofs]

James,

On Feb 14, 2006, at 12:10 PM, CHUNG K. LEE wrote:

> http://ssw.unc.edu/jif/makingchoices/
>   in Firefox/Mozilla browser, the web pages are left aligned,
> even though I set the all tables and css-based menu to center-aligned  
> in the
> codes.

First, fix the html.  Here's the first bit to get you started
-




   Home
   About  
 
   What is Making Choices?
   Problem-Solving Steps
   The Staircase Model
   Sample Lessons  
 
   Grade 3
   Grade 4
 
   
 
   Publications  
 
   Aggressive Behavior
   The MC Program
   The MC Evaluation
   Sample Selected Bibliography
 
   Presentations
   Staff

 
   
 I feel great about Making Choices. We learn about feelings and  
how to
 work out our problems. Sometimes we get celebrations! If you were
 in my class you would love Making Choices because it's great!
   
   —Jamie, 3rd Grade


--
#container {
width: 758px;
margin: 0 auto;
}
#container h1 {
margin: 0 1em 0 0;
padding: 0;
}
#container h1 img {
height: 87px;
width: 758px;
display: block;
margin-bottom: 1em;
}
#listmenu {
list-style-type="none";
width: 26em;  /* adjust this number as needed to fit the number of top  
level items */
margin: 0 auto;
}
#listmenu li {
float: left;
width: 9em;
border: 1px solid #fff
}
#listmenu li a {
display: block;
 padding-top:4px;
 font: bold 10pt verdana, sans-serif;
 text-align:center;
 background: #fff url("images_pres/roll_bg4.gif") 0 0 no-repeat;
}
...

I've given you the flavor or the css you will need to style the markup  
I've suggested.  the key concepts here are 'simplify' and 'understand'.  
  If you don't know that a particular line of code does, remove it and  
wee what happens.  If nothing happens, maybe you didn't need it after  
all.  The web developer toolbar for firefox/mozilla is a great help in  
the learning process.

By the way, I always suggest doing the original site design in a more  
standards-compliant browser such as firefox, opera, or safari/khtml.   
It is much easier to work around ie/win bugs than get other browsers to  
emulate them.

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] fixed background image hidden on scroll

[francky]

cj wrote:

>i have a background globe graphic that i want to stay fixed in the
>bottom right of the viewport.  it works correctly when i don't have
>"fixed" declared, but after i add that part, scrolling creates a grey
>screen that covers it up.
>
>i tried to make a minimal test case:
>http://sltclan.com/images/cj/body-bg.html
>[...]
>- any advice when dealing with IE, because that browser just doesn't get it.
>  
>
In FF Developers mode (edit css):
(1) without "fixed" for the bg-image there is also the grey under part - 
because of the fixed 100% height of the .master-form (outer container). 
The min-height of the inner .pagecontainer then doesn't help (doesn't 
stretch the outer one with white bg and the globe).
(2) replacing by .master-form { min-height: 100%; }does work in FF.
- Didn't test in real circumstances.

@IE:
Assuming it is impossible in your content-management ("as usual") to 
hang the bg-img in the body, I'm afraid it only can be realized with 
javascript... and even then not too good / more distrurbing then when 
scrolling with the content (think "dancing globe" or "hopping globe" at 
scrolling, and with some retarding, because of js-counting the whole 
rather big image px by px (before rendering) at every distance you 
scroll down or up.
Or perhaps a proprietary IE thing which I don't know (Googled the 
MSDN-database already?).

francky


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

Re: [css-d] Full height causing me trouble

[Gunlaug Sørtun]

Seona Bellamy wrote:
> Have a look at this page at a resolution of greater than 1024x768: 
> http://staging.renovate.com.au/clubreno/index.cfm

> Can anyone suggest what I've missed? I'm pretty sure that I've 
> brought across everything I needed to from the test cases, so I can't
>  figure out why it's not working.

Didn't check the test cases, but here is how I usually deal with these
layouts.

Add:

#sizer {
display: table;
height: 100%;
}

...and see the layout adjust to both screen-height and the amount of
content. That's standard compliant behavior in standard compliant browsers.

Next, I add the xml declaration at the top, which makes IE6 run in
quirks mode and make that 'padding-bottom: 2em;' be applied inside its
100% high #sizer instead of expanding the container.


Then comes IE7 (one day), and it better not see the IE styles you have
now, so make that conditional comment 'lt' = 'less than' IE7.
IE7 will handle 'position: fixed' pretty OK.

IE7 will probably not be given support for 'display: table', so it
better not see the styles I've added for the standard-compliant browsers
either. That is; unless you trick IE7 into running in quirks mode also,
which will make it render like IE6.
We'll just have to wait and see what's the best way to deal with IE7 -
once they have a finished version on line. No big deal.


BTW: I think you have a slight flaw in those width-values, as that
footer looks a bit too short in Firefox.

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] Shorthand Properties

[Richard Grevers]

On 2/14/06, David Laakso <[EMAIL PROTECTED]> wrote:
> James Eaton wrote:
>
> >Are there any practical guidelines as to when and when not to use
> >shorthand properties? ..]

> 

That page would be much more helpful if it explained in what way the
buggy browsers were buggy (or partial)
--
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
__
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 causing me trouble

[Seona Bellamy]

Hi guys,

I'll start with a little bit of background. It's been decided (from up on
high) that our new site will be fixed width at 1000px. Means it fits nicely
in a 1024x768 screen, anyone smaller gets a bit of sideways scroll, and
anyone larger sees colour off to the sides. Not a problem. Then my boss
decided he wanted there to be a bit of shadowing down each side of the main
box to make it (in his words) three-dimensional and more exciting. Well,
it's a fixed width design, so no problems there. A graphic a little wider
than 1000px put as a centred background on the body fixes that.

The trouble is that some of the pages don't reach all the way to the bottom,
particularly on larger resolutions. So what you end up with is the shadow
graphic continuing on under the footer, which just looks plain silly. I
originally though of putting the background inside a wrapping div, so that
it didn't extend beyond the content, but this then causes 1024x768 screens
to have sideways scroll just for the sake of the shadow. This also strikes
me as silly, not to mention inelegant.

So I decided that the best way to go about it would be to create a page that
would stretch to 100% of the screen height if there was less than a screen's
worth of content, and would extend seamlessly past the end of the screen if
there was a lot of content.

So far so good. I found an article that seemed to be what I was after:
http://www.geekicon.net/geek/index.shtml/article/643

I created a pair of test pages, mainly to play around with the footer and
see if I could get it to behave itself (I hate footers). It worked in both
IE/Win and Firefox, so I figured I had it nutted. You can see my test cases
here, if you're interested:
http://staging.renovate.com.au/test.cfm (there's a link on it to the second
test case)

So now we get to the problem bit:

Neither Firefox nor IE are extending the background to the bottom on short
pages. Why not? It does in the test case. And aside from a more complex
filling, I can't find any differences.

Have a look at this page at a resolution of greater than 1024x768:
http://staging.renovate.com.au/clubreno/index.cfm

Can anyone suggest what I've missed? I'm pretty sure that I've brought
across everything I needed to from the test cases, so I can't figure out why
it's not working.

Cheers,

Seona.
__
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] Disappearing/Invisible Text

[Brian Funk]

Quoting Stacie Dembeck <[EMAIL PROTECTED]>:

> http://www.photography.staciedembeck.com/index.htm

> The text on the index page seems to only appear when a mouse is
> rolled over it. ...why is this happening?

The Holly Hack fixed it for me: [1]

-the css that worked for me:

/* Hides from IE5-mac \*/   <-- added this here
* html #content {height: 1%;}   <-- and this
/* End hide from IE5-mac */ <-- and this
#content {
padding: 15px;
background-color:#33;
color:#FF;
border:#66 thin solid;
}
#pwrap {  <--wrap the p's
padding-left: 320px; in a div
}
#slides {<--id'd the img
float: left;
}

from the html--

Welcome
  [give the image dimensions]




I believe... look pretty.
In 2005,...both feet.
I will be posting my camera equipment shortly.


Brian
[1]



__
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] fixed background image hidden on scroll

[cj]

i have a background globe graphic that i want to stay fixed in the
bottom right of the viewport.  it works correctly when i don't have
"fixed" declared, but after i add that part, scrolling creates a grey
screen that covers it up.

i tried to make a minimal test case:
http://sltclan.com/images/cj/body-bg.html

what i'm looking for but can't manage to figure out:

- keep the globe inside the white content area, in the bottom right
hand corner at all times even when scrolling

- the content area be all white instead of the white stopping at the
end of the viewport

- any advice when dealing with IE, because that browser just doesn't get it.


thanks everyone.
__
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] Solution: Drop shadow effect on Text with CSS

[Peach Lynda L CTR USAF 96 CG/SCTA]

Follow-up to original email sent 7 Feb 2006

Was working toward a shadow effect on text (especially in a header) but
could find nothing that didn't look "fuzzy". One solution at
http://www.psacake.com/web/bz.asp works in IE and Firefox (the primary
browsers that hit our site) but the solution requires the header be
entered twice. That wasn't acceptable to my needs.

The potential end result uses both IE and JavaScript. It works on both
IE & Firefox although the end result is NOT the same. Don't know why. I
suspect it has to do with the way padding is handled by the browsers.

The code within the page is simple:
Eglin Frequently Asked Questions
(FAQ)

Note that the id of siteName was something already in the page.
Everything that works the shadow is in the 'shadow' class and in the
JavaScript.

It works -- but how does it look really? Is it worth the trouble? Would
like feedback on both questions. 

Example using the JavaScript (view the source for the script) and CSS
http://www.eglin.af.mil/faq.shtml 

CSS: http://www.eglin.af.mil/mastercss/master3col.css
and: http://www.eglin.af.mil/misc/site3col.css
The two classes for shadow are on the page itself. Until I determine
whether this is a "keeper", they won't be placed in "master3col.css".

If you are searching for such a solution, this is one way to achieve it.
The psacake.com solution is another. TANSTAFLL - If you don't want
JavaScript, then you live with the double entry. No double entry, then
live with JavaScript.

And many many thanks to fellow reader Roger Roelofs for the concept and
code. His generosity is greatly appreciated.

Lynda Peach
__
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 time using Absolute and relative

[Lowen Fan]

Hi,

I made a site for a friend of mine and it's the first time using Absolute
and Relative positioning.
I discovered once I had to much content, the content box would stretch but
the navigation wouldn't.
In IE you would still see the right background color but in Firefox it all
uses the background color
of the body/html...

With no extra content:
http://www.omniradius.nl

with to much content:
http://www.omniradius.nl/test.html

I've been searching all over but I really don't know what the problem
exactly is or how I should look it up..

Please if you can help me, explain what I did wrong because I want to learn
why of course :)

thanks!,
Lowen
__
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] Issues with UDM menu on Mac

[Randal Rust]

I have implemented created a layout for a client to take a look at,
using Brothercake's UDM menu. It works great on various browsers on
Windows. but breaks terribly on a Mac in Safari and IE 5. I'm not so
worried about IE 5, but what gives with Safari?

http://www.sevelltest1.com/

--
Randal Rust
R.Squared Communications
www.r2communications.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] Disappearing/Invisible Text

[Brian Funk]

Quoting Stacie Dembeck <[EMAIL PROTECTED]>:

> If I make width 100%, it's not fluid with the rest of the site.
> http://www.photography.staciedembeck.com/index.htm

I don't see a declared width on your div#content which should mean it
defaults to 100% anyway. (I think)

Have you tried giving the  containing the "slides" image a defined
height and width just enough to contain the image and then float the ?

good luck
Brian

[1]http://www.positioniseverything.net/explorer/peekaboo.html#

ps. don't forget we are supposed to /bottom/ post and trim our replies
with ruthless abandon ;-)


__
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] Disappearing/Invisible Text

[Brian Funk]

Quoting Stacie Dembeck <[EMAIL PROTECTED]>:

> The text on the index page seems to only appear when a mouse is
> rolled over itbut why is this happening?

It's the IE Peekaboo bug. [1]

Try adding:

#content {width: 100%}

You may have to remove the paragraph that's containing the floated image
and let the div hold the image.

HTH
Brian

[1]http://www.positioniseverything.net/explorer/peekaboo.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] float problem -fixed it

[Eoin Maguire]

Ignore my earlier email, fixed the problem, middle column was missing a
float.

 

Thanks

__
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 based horizontal menu bar

[CHUNG K. LEE]

Hi all,

http://ssw.unc.edu/jif/makingchoices/
I am managing the above web site. I used css to create the horizontal menu
bar.
But, I have two problems. First, in IE, when I access the site at the first
time,
the borders of menu buttons does not appear correctly. I programmed that all
of menu
buttons should have different colors with loading a background image, but
only "Home"
button is active at the first time. When I refresh the page, the color for
"home", "about", and "publication"
button become active, but "presentation" and "staff" buttons do not
appears with background images/colors,
unless I click them.
Second, in Firefox/Mozilla browser, the web pages are left aligned,
even though I set the all tables and css-based menu to center-aligned in the
codes. Css-based
menu does not appears appropriately, either.

I would appreciate your professional advice on my problems.

Best,
James
__
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] Float left...margin middle....float right(drops down)

[Eoin Maguire]

Hi,

 

Has anyone got any idea why the following page, which consists of two
floats (left and right) and a middle section (left-margin'ed into postion)
causes problems? Specifically the right float drops below the other two.

 

I am planning on doing having three sections like this in the header, then
have a clearing div (clear:both) and then continue with maybe 2 columns,
clear them, and maybe finish with three columns. Does this sound
proper/right/correct/doable?

 

Anyway, here's the example URL:

 

http://www.miselva.com/css/site2.htm

 

 

Thanks.

__
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 colomn layout autosize leftnav content and rightnav

[Thierry Koblentz]

Sander van Surksum wrote:
> I'm using the 3 colomn layout with a width of 775px. The leftnav has a
> bg image en the rightnav has a border-left.
> Sometimes the leftnav, content or the rightnav are longer as the
> others. So al the colomn has to auto stretch but i can't figure out
> what i'm doing wrong.
> 
> Is this posible with floating elements or do I have to use position:
> absolute; for every colomn?
> 
> http://www.johnsten.com/test/test.htm

This is a "simple" approach:
http://www.tjkdesign.com/articles/3cols/

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/

Re: [css-d] Help Centering Navigation

[[EMAIL PROTECTED]]

[EMAIL PROTECTED] wrote:

>[EMAIL PROTECTED] wrote:
>
>  
>
>>I can't seem to get my navigation links to center in any browser.  Any 
>>pointers would be great.  Thanks!
>>
>>Site: http://www.girlscantwhat.com
>>CSS: http://www.girlscantwhat.com/css/gcwcss.css
>>
>> 
>>

Ok - figured this one out.  I had to assign a width to my ul.  That did 
the trick.

-- 
Gretchen

__
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-min height IE

[Ian Young]

Have just done a search for this and came up zilch.
Trying to get two columns to match up. Works ok in FF but in IE there is a
gap of a few pixels.

Must be easy solution.

Anybody got quick answer?

Ian
http://www.venachar.org.uk/members-new/newtemplate.php
http://www.venachar.org.uk/members-new/includes/stylec2.css
**IMPORTANT*
***

This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.375 / Virus Database: 267.15.6/258 - Release Date: 13/02/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] Weird links hover problem in IE 7.0 beta 2 ?

[Bryce Fields]

On 2/14/06, Mikhail Bozgounov <[EMAIL PROTECTED]> wrote:

> What puzzles me since I first tested the new IE 7.0 beta 2 release, is the
> following:
>
> Why in specific cases (like this one http://bluelink.net/zero-waste/) the 
> hover
> state of the links doesn't change, although specified in the CSS?
>
> (css: http://bluelink.net/zero-waste/css/master.css)

There are known issues w/ :hover in IE7 beta 2 in imported style
sheets vs. linked or embedded stylesheets.  See
http://css-discuss.incutio.com/?page=IE7 and
http://www.projectseven.com/csslab/ie7/import.htm

> FF 1.5+ applies them. Opera 8.5 applies them. IE 6.0 applies them...
>
> IE 7.0 beta 2 DOES NOT apply them!

Remeber...IE 7 Beta 2 is just that...a beta.  It should NOT be used as
a benchmark for testing your sites.  It should be used for the sole
purpose of identifying bugs w/ the browser and reporting them to the
IE development team
(http://blogs.msdn.com/ie/archive/2006/01/31/520817.aspx).

If you use IE 7 beta as a target browser, you're making more work for
yourself when the final version is released.

--
Bryce Fields
www.royalrodent.com

"Do or do not! There is no try!" -- Yoda

DISCLAIMER: All opinions expressed herein are mine, except for the
ones I stole or were given to me by my wife.
__
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] Weird links hover problem in IE 7.0 beta 2 ?

[Mikhail Bozgounov]

Hello everyone!

I am seting up a new website, based on the negative-margins method 
(http://www.alistapart.com/articles/negativemargins/).

Here's a test case: http://bluelink.net/zero-waste/

It's basically now just a frame, in which I started to work.

What puzzles me since I first tested the new IE 7.0 beta 2 release, is the 
following:

Why in specific cases (like this one http://bluelink.net/zero-waste/) the hover 
state of the links doesn't change, although specified in the CSS?

(css: http://bluelink.net/zero-waste/css/master.css)

Here are the rules:

a:link {color: #F60; text-decoration: none;}
a:visited {color: #AAA; text-decoration: none;}
a:hover {color: #F60; text-decoration: underline;}

FF 1.5+ applies them. Opera 8.5 applies them. IE 6.0 applies them...

IE 7.0 beta 2 DOES NOT apply them!

Is just my computer wrong or there's somethin' I am missing out there?...

I see websites in which the "hover" state works fine, but in /some cases/ like 
in this one, it does not work... :-(((

Well, the beta 2 is still beta, but I am puzzled by this strange behaviour... 
Maybe I do something wrong in the CSS?

I even have made some tests, but nope, I cannot make the hover work:(

Can someone clear this out?

Thank you!


Just a puzzled webdesigner, Michel :-)


__
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 colomn layout autosize leftnav content and rightnav

[Gunlaug Sørtun]

Sander van Surksum wrote:
> I'm using the FAUX method but the background is only repeating if the
>  content gets longer. If the rightnav or leftnav gets longer as the 
> content then the background isn't repeating anymore.

> ...

> http://www.johnsten.com/test/rightnav.htm

> Is it posible to get this working with floats ?

Yes, it is just a question about making the container 'expand to contain
floats'. Then the background will repeat all the way down to the footer,
regardless of which column is longest.

You have several options, but I will only give you two...

Adding:

#container2 {
display: table;
zoom: 1;
}

...will work by creating a 'new block formatting context'[1] in all
standard-compliant browsers, and introduce 'Layout'[2] in Internet
Explorer. The 'zoom' property is not valid CSS though, and is only used
by Microsoft.



Another working addition is:

#container2 {
float: left;
width: 775px;
}

I recommend this last solution for your page/case. It will achieve
exactly the same as the other one, be perfectly valid, and work well
across browser-land.
A float will always create a 'new block formatting context'[1] and force
'Layout'[2]. Thus it will expand as long as no height is set on it.
The width is there to make sure the float doesn't shrink or expand in
width, as floats tend to do that by default - shrink or expand depending
on which standard-revision they follow.

regards
Georg

PS: please trim your posts - delete everything from previous posts that
aren't needed for your new posts to make sense. Cut hard!

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

Re: [css-d] 3-column glitch - Holy Grail layout

[Al Sparber]

From: "Don Hinshaw" <[EMAIL PROTECTED]>


> Gunlaug Sørtun wrote:
>>
>> CSS sure is fun at times ;-)
>>
>
> Yes, and some get their kicks from racing down hills at 80mph ;-O
> Thanks for the help Georg and Al...some layouts seem like they are 
> just not meant to be.


You need to go with a layout you feel comfortable with :-) 


__
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] Jumping tables?

[Spike Spencer]

This bug appears in both IE6 and IE7:

1. I have some tables on a web page. There are a lot of table cells (I
didn't design this :)). The page has some other tables and all are
inline.

2. On first load the tables at the top jump out of the margins and are
slightly wider on the right hand side than they are further down the
page, despite having the same CSS. Upon a refresh they realign -
correctly.

This is apparent in both IE6 and 7 so can I rule out the standard bugs?

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

[css-d] Disappearing/Invisible Text

[Stacie Dembeck]

I have had this issue with two sites.  Once can be found at:

http://www.photography.staciedembeck.com/index.htm

The text on the index page seems to only appear when a mouse is rolled over 
it.  Shows up fine?  Click on a link, then go back to home.  Any suggestions 
why?  I think that a fix is to add style right to the p tags on this page, 
but why is this happening?

Stacie


__
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 colomn layout autosize leftnav content and rightnav

[Sander van Surksum]

I'm using the FAUX method but the background is only repeating if the content 
gets longer. If the rightnav or leftnav gets longer as the content then the 
background isn't repeating anymore.

Leftnav longer http://www.johnsten.com/test/leftnav.htm
Content longer http://www.johnsten.com/test/test.htm
Rightnav longer http://www.johnsten.com/test/rightnav.htm

Is it posible to get this working with floats ?



-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sander van 
Surksum
Sent: dinsdag 14 februari 2006 10:20
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] 3 colomn layout autosize leftnav content and rightnav


Thanks a lot 

I also received a message from Lex with the FAUX method I will try them out en 
will let you now what works best for me.

-Original Message-
From: Lex [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] 
Sent: dinsdag 14 februari 2006 9:38
To: Sander van Surksum
Subject: Re: [css-d] 3 colomn layout autosize leftnav content and rightnav


use the FAUX column technique.
www.alistapart.com

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: dinsdag 14 februari 2006 10:06
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] 3 colomn layout autosize leftnav content and rightnav


Sander van Surksum wrote:
> I'm using the 3 colomn layout with a width of 775px. The leftnav has a 
> bg image en the rightnav has a border-left. Sometimes the leftnav, 
> content or the rightnav are longer as the others. So al the colomn has 
> to auto stretch but i can't figure out what i'm doing wrong.
> 
> Is this posible with floating elements or do I have to use position:
> absolute; for every colomn?
> 
> http://www.johnsten.com/test/test.htm

General advice: avoid using absolute positioning as main layout-method. 
AP-layouts tend to become too rigid and inflexible - mostly because IE/win has 
severe limitations when it comes to 4-side positioning.

OTOH: this... 

...looks like a working solution - with absolute positioned elements and all.


You may also find this alternative useful... 


...and Ryan Brill's 'negative margins' is still working well... 


Other layouts along the same lines, using floats and flow, are around - waiting 
for a search. Look in the css-d wiki also. Most, if not all, can be styled for 
'fixed width' and 'any column longest - same apparent height' layouts.

I use a variant of Ryan Brill's 'negative margins' myself - which is styled to 
fall back to fixed width in IE/win if one turns off javascript support in that 
browser... 
...but that layout-version may be a bit too complex with its undocumented 
'imageless faux columns' and other 'personal garbage', so it's more of a demo 
of what one can do with floats and flow.

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-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] IE & Messing up navigation & h-scroll on frame

[TMH Design]

Please look at this page  --  http://www.tmhdesign1.com/gallery-e.asp

 

Then this one

 

http://www.tmhdesign1.com/default-e.asp

 

Look at the navigation I have set up. Same include file but something on
first page is tightening the top 3-4 links. They are set in  tags (don't
ask) and I can't figure out the spacing collapse. 

 

It may be tied into the gallery thumbnail navigation on the right side of
the gallery. This galley is "now" messed up on another site,
http://www.point-reyes-online.com/point-reyes-gallery.asp?category=x  The
only thing I have done is upgraded to the beta IE 7. This is why I think the
issue lay there. Any help would be appreciated.

 

Tom

__
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:hover

[David Dorward]

On 14/02/06, James MacLeod <[EMAIL PROTECTED]> wrote:

>   I am try to figure a way of doing div#box:hover, but will work in
> most or all browsers.

It will "just work" in most browsers. Shame that doesn't include IE.

You could turn to JS for just IE.

You could style a link to fill the div.

You could forget about having something change on :hover since that
usually sends the message "Please click me" (and if it isn't a link,
then clicking won't be helpful).

--
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] div:hover

[Christian Heilmann]

> Hey guys,
>
>   I am try to figure a way of doing div#box:hover, but will work in
> most or all browsers. I am reluctant to use javascript because I
> imagine there is a method using purely css.
>
> Any ideas?

IE < 7 only supports :hover on links, not on all elements. There are a
lot of fixes out there, including IE only htc extensions.
http://www.siteexperts.com/ie5/htc/ts03/page2.asp

However, JavaScript is not evil, and for something like this maybe
really a good idea.


--
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] div:hover

[James MacLeod]

Hey guys,

  I am try to figure a way of doing div#box:hover, but will work in  
most or all browsers. I am reluctant to use javascript because I  
imagine there is a method using purely css.

Any ideas?

James MacLeod
---
Konkrete
Design for New Media

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] 3 colomn layout autosize leftnav content and rightnav

[Sander van Surksum]

Thanks a lot 

I also received a message from Lex with the FAUX method I will try them out en 
will let you now what works best for me.

-Original Message-
From: Lex [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] 
Sent: dinsdag 14 februari 2006 9:38
To: Sander van Surksum
Subject: Re: [css-d] 3 colomn layout autosize leftnav content and rightnav


use the FAUX column technique.
www.alistapart.com

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: dinsdag 14 februari 2006 10:06
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] 3 colomn layout autosize leftnav content and rightnav


Sander van Surksum wrote:
> I'm using the 3 colomn layout with a width of 775px. The leftnav has
> a bg image en the rightnav has a border-left. Sometimes the leftnav, 
> content or the rightnav are longer as the others. So al the colomn 
> has to auto stretch but i can't figure out what i'm doing wrong.
> 
> Is this posible with floating elements or do I have to use position:  
> absolute; for every colomn?
> 
> http://www.johnsten.com/test/test.htm

General advice: avoid using absolute positioning as main layout-method. 
AP-layouts tend to become too rigid and inflexible - mostly because IE/win has 
severe limitations when it comes to 4-side positioning.

OTOH: this... 

...looks like a working solution - with absolute positioned elements and all.


You may also find this alternative useful... 


...and Ryan Brill's 'negative margins' is still working well... 


Other layouts along the same lines, using floats and flow, are around - waiting 
for a search. Look in the css-d wiki also. Most, if not all, can be styled for 
'fixed width' and 'any column longest - same apparent height' layouts.

I use a variant of Ryan Brill's 'negative margins' myself - which is styled to 
fall back to fixed width in IE/win if one turns off javascript support in that 
browser... 
...but that layout-version may be a bit too complex with its undocumented 
'imageless faux columns' and other 'personal garbage', so it's more of a demo 
of what one can do with floats and flow.

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-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 colomn layout autosize leftnav content and rightnav

[Gunlaug Sørtun]

Sander van Surksum wrote:
> I'm using the 3 colomn layout with a width of 775px. The leftnav has 
> a bg image en the rightnav has a border-left. Sometimes the leftnav, 
> content or the rightnav are longer as the others. So al the colomn 
> has to auto stretch but i can't figure out what i'm doing wrong.
> 
> Is this posible with floating elements or do I have to use position:
>  absolute; for every colomn?
> 
> http://www.johnsten.com/test/test.htm

General advice: avoid using absolute positioning as main layout-method.
AP-layouts tend to become too rigid and inflexible - mostly because
IE/win has severe limitations when it comes to 4-side positioning.

OTOH: this...

...looks like a working solution - with absolute positioned elements and
all.


You may also find this alternative useful...


...and Ryan Brill's 'negative margins' is still working well...


Other layouts along the same lines, using floats and flow, are around -
waiting for a search. Look in the css-d wiki also.
Most, if not all, can be styled for 'fixed width' and 'any column
longest - same apparent height' layouts.

I use a variant of Ryan Brill's 'negative margins' myself - which is
styled to fall back to fixed width in IE/win if one turns off javascript
support in that browser...

...but that layout-version may be a bit too complex with its
undocumented 'imageless faux columns' and other 'personal garbage', so
it's more of a demo of what one can do with floats and flow.

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] 3 colomn layout autosize leftnav content and rightnav

[Sander van Surksum]

I'm using the 3 colomn layout with a width of 775px. The leftnav has a
bg image en the rightnav has a border-left.
Sometimes the leftnav, content or the rightnav are longer as the others.
So al the colomn has to auto stretch but i can't figure out what i'm
doing wrong.
 
Is this posible with floating elements or do I have to use position:
absolute; for every colomn?
 
http://www.johnsten.com/test/test.htm
 
Regards,
 
Sander
__
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] hybrid layout, wide table (IE6)

[Ingo Chao]

Brett Leber wrote:

> ... For conditional comments, do you think I should target IE6+ with these 
> additions? Out of curiosity, does IE7b2 render the table similarly to 
> IE6 (ie, off the screen) without your two additions?

IE7b2 does render the page identical to IE6. And the fix does work in 
IE7b2 too. That said, there are different approaches to the problem that 
IE7 is not real: IE7b2 is a beta that could be followed by a number of 
betas and gammas. For example, they are asked to implement min-width, 
max-width. If they do, it might be that they have to fix a number of 
issues like this one you've encountered on that long way. On the other 
hand, they have stated that the "haslayout" issue itself (how elements 
are bound) is not changed, so I assume we will still need things like 
zoom for a while -- but I can't know for sure.

Therefore, I think while it's important to test the hacks in IE7b2, it's 
save to keep the conditionals excluding IE7:

  Data Shop
  

  

  


and iefix.css

  /*
   fix to bridle the table, prevents overflowing of the viewport
   works in IE7b2, too
  */
  #preview { float: left; }
  #contents { zoom: 1; }

Once IE7 is more final, you can revisit these hacks and easily switch 
the conditional from lt to "less than or equal to": lte.

> Lastly, how did you know that 'flow:left' and 'zoom:1' would do the 
> trick? I vaguely remember the redundant but effective 'zoom:1' being 
> mentioned in an article. Is either or both documented elsewhere?

I don't know those things, I have to try. We have compiled some 
information on related problems here
   http://www.satzansatz.de/cssd/onhavinglayout.html

Ingo


PS With bottom posting, I meant start typing below the quoted phrases ;)

-- 
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] Header graphic causing excessive space above body text in Explorer

[Anthony L]

Hi Georg,

Thanks :-) That worked perfectly and helped me understand some of Explorers
many quirks :-)

Tony

Anthony L wrote:
> I have a two-column liquid layout with a header and footer. The
> columns are floated and defined with a 70% / 30% width.

IE/win doesn't like that... :-) see below.

> i have an image in the h1 element in the header which overflows into
> the primary content area. I've achieved this by using padding on the
> h1.

Problem:
IE6 (and older versions) will expand the header until h1 fits inside.

Solution - make h1 appear smaller by adding...

#header h1 {
margin-bottom: -100px;
position: relative;
}

 which pulls up the bottom of the h1 so IE won't react on it.
Note also that the 'position: relative' is needed so the overshooting
part of h1 remains visible in IE/win.

> It looks fine in Firefox on both Mac and Windows. But in IE 6 on
> windows the text in the primary content area is pushed down. I assume
>  the problem is to do with the padding, but I'm not sure how to fix
> it.
>
> 

Problem:
IE does has calculation-bugs, so primaryContent width: 65% +
padding-right: 5% + navigation width: 30% will result in more than 100%,
thus primaryContent gets pushed below navigation in order to fit.

Solution:

#primaryContent{
margin-right: 5%; <-- delete this
}

as a margin isn't needed between those two floats, as they are
floated in opposite directions. The empty area between those floats
gives IE/win some space to put its bugs in ;-)
__
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/