Re: [css-d] EM's, Images, sperling.com, /16? Please advise.

[Ian Young]

> Subject: Re: [css-d] EM's, Images, sperling.com, /16? Please advise.
>
>
> Micky Hulse wrote:
>
> >  >
> > Some of the folks who posted comments in below article/post seem to
> > think that it is not a good idea to use EM's for layout if dealing
> > with images, unknowns, and precision is needed:
> >
 Georg wrote

> EMs for layout is one thing. EMs for image-sizing is another. EMs for
> everything is yet another. You can make it all work just fine if you are
> in control of everything, but that's rarely the case.
>
> So... look at _your_ case(s) and test out what works and what doesn't,
> and then _you_ can decide.
>
> Myself: I apply EM sizing of images in very rare cases, when I know, and
> like, what I get.
>
>
This I guess, sums up the whole issue. Depending on what the image is, (eg I
have a site where the photo has been blurred deliberately in standard form,
so using ems doesnt make any difference to its crispness!) Gifs etc respond
reasonably well. Web based images by their very nature will alwasy have
compromises. This is, like all web design, a matter for each site/designer
not a catch all. Just because we can do it, doesn't mean we should in al
cases.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.4/480 - Release Date: 17/10/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] EM's, Images, sperling.com, /16? Please advise.

[Micky Hulse]

Gunlaug Sørtun wrote:

> regards
> Georg

WOW! Great info Georg! Many many many thanks for you response. :)

You have really cleared things up for me.

I have yet to do a layout in EM's myself, but I can't wait to find the 
right job for such a layout. I was hoping to use EM's for layout at my 
current job, but I think we have too many unknowns and my boss like 
pixel precision.

Anyway, I may be back with some more questions, but for now you input 
has definitely helped. :)

Have a great night/day.
Cheers,
Micky



-- 
  Wishlist: 
Switch: 
  BCC?: 
My: 
__
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 Gallery from database

[Ian Young]

>
> > Ian
> >   
> Nicholls gallery is an attractive little visual package-- although not 
> great on the usability and accessibility end. An I-frame gallery can be 
> handsome and is valid providing a 'transitional' doctype is used.  There 
> are, of course, javascript/php alternatives, some of them offering  the 
> ability to a good deal of visual customization with css. And 
> there is flash.
> 
> Lots of possibilities-- but, in the end, it is a pick your poison choice.
> 
> My personal choice (since my middle name is "tedium") would be to use 
> only xhtml/css-- thumbs clicking to a new page with the enlargement and 
> the thumbs on it (or an i-frame gallery).
> 
> Regards,
> ~dL
> PS This is an i-frame gallery: .
> 
> -- 
Thanks David,

will look and learn.

Ian
-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.4/480 - Release Date: 17/10/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] IE7 Released

[Ian Young]

> -Original Message-
> From: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] Behalf Of Mark Wheeler
> Sent: 19 October 2006 05:08
> To: CSS List
> Subject: Re: [css-d] IE7 Released
> 
> 
> Ok... So is there a way to run IE7 and at least IE6 on the same box?
> 
> Mark
> 

Yes, is short answer. See my earlier response for details

http://archivist.incutio.com/viewlist/css-discuss/79789

Ian
-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.4/480 - Release Date: 17/10/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] IE7 Released

[Richard Allsebrook]

The official 'Microsofty' way of doing it is to run a virtual machine 
and install IE6 under a virtual OS.

Mark Wheeler wrote:
> Ok... So is there a way to run IE7 and at least IE6 on the same box?
> 
> Mark
> 
> --
> 
> On Oct 18, 2006, at 7:34 PM, Mike Soultanian wrote:
> 
> Well, it looks like it's finally out:
> 
> http://www.microsoft.com/windows/ie/downloads/default.mspx
> 
> http://blogs.msdn.com/ie/
> 
> later,
> Mike
> __
> 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/
> 
> 
> 

-- 
--

September 2006 – Futurate have been awarded the contract to develop a
high-profile film festivals website for Film London.

See http://www.futurate.com/?p=203 for more details.

--


-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 18/10/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] IE7 Released

[Fora]

> I have used the configuration for 10 months now with few problems - none
> that I would be worried about.


Figured my question wasn't really CSS stuff, which is why I asked off-list.
I'm running standalone versions of IE5.0 and 5.5, too, without problems, but 
I've had some configurational problems with the _nt version in the past, it 
messed up my OS for some reason. Hence my worries.

But if it's good, then I can try :o)

Thanks for your reply.

Arno


__
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] margin ok, but "bouncing" menu

[Raffaele Guaitoli]

I have a proble with this left menu http://www.formazioneazienda.it.
the "ul li a:hover" state is set to have "1px solid border" but when
you hover over it bounces down. any suggestion to keep the border and
avoid the noisy effect?
__
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] Suckerfish over images in IE looses block definition

[Ido dekkers]

for some strange ( or to me at least) reason, IE removes the block display
definition from the list items in the drop down menu when they are over an
image.

if you look here :
http://test3.dekkers.net/
you can see that in the home and about pages, you can catch the first item
in the drop down if you are fast enough, but as soon as you leave the text -
the menu is gone, but - if you try it in the contact page - it works well
(no image below).

also if I'm at it already - if you look at the site in Firefox the menu
partly hovers over the content, while in IE it doesn't ?


any ideas will be appreciated

Ido
__
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] Suckerfish over images in IE looses block definition

[Ian Young]

> Sent: 19 October 2006 11:34
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Suckerfish over images in IE looses block definition
>
>
> for some strange ( or to me at least) reason, IE removes the block display
> definition from the list items in the drop down menu when they are over an
> image.
>
> if you look here :
> http://test3.dekkers.net/
> you can see that in the home and about pages, you can catch the first item
> in the drop down if you are fast enough, but as soon as you leave
> the text -
> the menu is gone, but - if you try it in the contact page - it works well
> (no image below).
>
> also if I'm at it already - if you look at the site in FireFox the menu
> partly hovers over the content, while in IE it doesn't ?
>
>
> any ideas will be appreciated
>

Couple of things to note.
Firstly menus are a different size in FF and IE7.
Menus don't work in IE6, probably because the JavaScript is set up for IE7.
Now if the menu works in FF, it should work in IE7, it's just the pesky old
IE6 that has problems.

Also, your red bag image appears as a vertical red line in both IE6/7.

Haven't had the time to go look for a solution.

Regards

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 18/10/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] Site check please - IE problem......

[Pieter Botha]

On 10/19/06, francky <[EMAIL PROTECTED]> wrote:
> Pieter Botha wrote:
>
> >Hello everyone.
> >Please check this site for me: http://kusile.cojjoconnect.co.za
> >
> >I have a little problem in IE...
> >The dark green header bar (h1 with background color applied) should
> >touch the menu bar, there is a small little annoying gap.
> >
> >Seems like padding is applied to the heading although I specified that
> >it should be 0.
> >
> >It works fine in firefox
> >[...]
> >
> Hi Pieter,
> At my IE6 on Win98SE there is no problem seen: all resolutions and all
> clientside font-sizes are doing well. :-)
>
> Then I downloaded the html, added the missing "charset" meta element and
> the missing type="text/javascript" for the script tags (the only 2
> html-errors acording to the w3c html-validator), and looked at the
> result locally and uploaded at my site.
> First in IE there was no good display at all. - Div's where in the right
> position, but no backgrounds and other styles...
>
> The culprits: almost all ID's are starting with a space:
>
> 
> 
>
> and so on, which is not allowed. The html-validator is not reporting
> that, but Tidy does:
>
> ID and NAME must begin with a letter ([A-Za-z])
> and may be followed by any number of letters,
> digits ([0-9]), hyphens ("-"), underscores ("_"),
> colons (":"), and periods (".").
>
> Then I deleted all these spaces, except the one in the . And... there is the annoying IE gap! (not in FF).
> See testpage-1
> .
>
> Then deleted this last ID-space, and IE is performing as it should. :-)
> See testpage-2
> .
>
> My conclusion: I suspect it is the special combination of your server,
> the visitor's Operating System and the error handling of IE (-version)
> which shows a gap or no gap. Anyway, perfect html is the solution!
>
> Greetings,
> francky
>
> BTW: the page uses a huge amount of javascript: about 150kB (!). If the
> site is supposed to be seen by DSL visitors only, it is no problem; but
> on a fast 56Kbps modem connection it means: 35 sec. before the page is
> completely downloaded and having it's functions...
> See Speed Report-1
> .
>
> So I think you should consider to abandon the scripts (for the menu, as
> far as I can see; the Ruby model I did not study, I've to admit), and
> replace it by a simple css-styled link list. As the page is now, I made
> a css hoverable testpage for that.
> See testpage-3
> .
>
> It is giving the same display and the same functionality (and a bit more
> accessibility), but now in 3.5 seconds on screen. :-)
> See Speed Report-2
> .
>
> In case you need a hoverable submenu, a Suckerfish menu (with small IE
> javascript) can be used. And in so far javascripts are really needed on
> other pages, you can call them only over there. Then the general
> stylesheets are already downloaded: less download time for the new
> pages. - But probably I didn't tell something you didn't know already. ;-)

Hi Franky

Thank a lot for this meaningful and well thought-out feedback!!!

I think I solved the Gap I had before you had a look. The proplem was this:

Internet Explorer puts a 3px margin or padding or something weird next
to an inline element that follows a floated element. In my design, the
left column is floated. Originally, I displayed the inline "content"
div inline next to the float with a left-margin set to leave space.

Solved it like this:
#content{
  margin: 0 0 0 260px;
  background: #d2e4bc;
}

* html div#content {
  float: right;
  margin: 0 0 0 0px;
}


Disabled the hack quickly and made a screenshot so you can see what my
problem was. Can be seen here:
http://kusile.cojjoconnect.co.za/images/kusile/screenshot_1023.jpg

Firefox in the background, IE in the front. Note the gap between the
boxes in IE. Also as you look down the content, you will see that the
"Vision" section moves 3px left, this is where the box should have
been displayed


Hack above will only be applied by IE, as it believes there is a
'parent' element to html - other browsers will ignore it. So, by
floating the content div for IE I get around the 3px "inline next to
float" bug. Also exploiting an IE box-model bug here, as it handles
floats a little weird. Basically by specifying no margin the two boxes
touch, which is what I wanted...

So, to summarize, exploiting two IE bugs to fix one, amazing All
browsers except IE will display the content box inline while IE will
float it.

I test sites in firefox and IE6, Think that must hit above 90% of
browsers out there. Cannot test for Mac, unfortunately I do not own
one

[css-d] Site check www.ukagriculture.com

[Trevor Boult]

Hi All,

I have updated our agriculture site to css standard. www.ukagriculture.com

All seems well on different browsers (browsershots.org) but would interested to 
hear peoples opinions on the site so far, fonts 
sizes etc being a particular issue as the spec seems to change day-by-day.

Many thanks in advance.

Trevor Boult
http://www.tboult.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/

Re: [css-d] Site check www.ukagriculture.com

[Barney Carroll]

Clean-looking and valid site, Trevor.

What stands out is semantic coherence - "The UK's top agriculture, food 
and farming resource" is the title of the main content block, which 
seems wrong. Surely this is the site motto, and should be somewhere 
below the title but not part, and certainly not the closest thing to a 
title, of the content pane.

The 'Our Work' pane underneath is an accurate description of the content 
to follow - it might be worth having that as a separate page on the 
top-left nav, seeing as it's very easy to miss - when you have so many 
links and content items available on-screen on the front page, not 
having something so crucial at least referenced right there is a bit of 
a liability.

Nice work.

Barney

Trevor Boult wrote:
> Hi All,
> 
> I have updated our agriculture site to css standard. www.ukagriculture.com
> 
> All seems well on different browsers (browsershots.org) but would interested 
> to hear peoples opinions on the site so far, fonts 
> sizes etc being a particular issue as the spec seems to change day-by-day.
> 
> Many thanks in advance.
> 
> Trevor Boult
> http://www.tboult.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/
__
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] Site check www.ukagriculture.com

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: [css-d] Site check www.ukagriculture.com
>
>
> Hi All,
>
> I have updated our agriculture site to css standard. www.ukagriculture.com
>
> All seems well on different browsers (browsershots.org) but would
> interested to hear peoples opinions on the site so far, fonts
> sizes etc being a particular issue as the spec seems to change day-by-day.
>
> Many thanks in advance.
>
> Trevor Boult
> http://www.tboult.co.uk
>

Hi Trevor,

HTML doesn't validate.

See
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ukagriculture.c
om%2F

Haven't been able to check the CSS as the validator is timing out -
obviously lots of people using the site.

You might want to go check first:
http://jigsaw.w3.org/

One comment in our font style sheet. You haven't defined the background
colour. Not everyone has their browser set at white.

Apart from that it does what it says on the tin!!

Cheers

Ian


--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 18/10/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] margin ok, but "bouncing" menu

[Roger Roelofs]

Raffaele,

On Oct 19, 2006, at 5:10 AM, Raffaele Guaitoli wrote:

> I have a proble with this left menu http://www.formazioneazienda.it.
> the "ul li a:hover" state is set to have "1px solid border" but when
> you hover over it bounces down. any suggestion to keep the border and
> avoid the noisy effect?

You are getting a 1px shift on hover because you are adding a bottom  
border.  You will have to remove 1px extra bottom padding on hover.

Add padding-bottom: 3px; to ul li a:hover


Roger,
-- 
Roger Roelofs
[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] Site check www.ukagriculture.com

[Trevor Boult]

Many thanks for everyone's comments.

I was a bit taken back with the page encoding error on HTML validation (sure 
I've never seen it before), seems I have fix for it 
though.

I guess on the other errors, ie duplicate div names (didn't think this was an 
issue) I will have to make classes instead.

Here we go again :0)

Cheers

Still learining Trev
http://www.tboult.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/

Re: [css-d] Making my FIRST fully compliant site! (and losing)

[francky]

Jon Hughes wrote:

>I am a graphic designer aspiring to be a web developer.
>[...]
>I didn't think it (css) would be this hard!
>[...]
>
Hi Jon,
It is this hard indeed! But going on step by step somewhere you'll reach 
a point where the basics are enough to make pages doing what you want. :-)
And most of all: make Internet Explorer doing what you want. ;-)
I don't have practical advise [1], but your question was inspiring me to 
write a small story.
Just for relaxing between all difficult things:

* The Graphical Designer and the CSS Zen Guru
  

Lots of succes,
francky

[1]
Just one: to get flexible rounded corners, you can have a look at:

* Liquid round corners
  

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

[Kenoli Oleari]

Amazing, they finally installed tabs.  Isn't Microsoft extraordinary!

Does anyone know anything about the relationship between this version  
and CSS and other web standards?  There is nothing I could see on the  
Microsoft introductory site that mentions this.  I guess it's not  
surprising given who Microsoft is, but for most web designers this  
will be the critical issue.

Or is this going to mean one more web browser to fix things for.  I  
guess Microsoft could keep issuing browsers that were less and less  
compliant and end up taking up all of everyone's time.

Maybe it'll run so badly that people will finally stop using IE  
entirely.

Here is a relevant link folks on this list might be interested in:

http://humor.beecy.net/geeks/web-design/web-design.gif

--Kenoli
__
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] Moving divs up page

[ed gooddy]

Thank you very much for the detailed reply Georg. I will go through them and 
see what happens and try to understand it all, thanks again 

Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:  ed gooddy wrote:
> http://www.villa-corti.com/menus.htm
> 
> 
> The image divs are all in the right place but the navigation bars I 
> can´t seem to move. tabsH and navbar are the ones I want to move and 
> they are in the navshadow div which presently doen´t have a style. 
> All the divs hare position relative; and float left;

> How can I move the navbars up?

The quick, and working, answer is:
add...

#tabsH {margin-top: -30px;}

...or any suitable, negative, value.

However, the result of such a move doesn't appear right in any browser,
so I don't think that is what you want. Correct me if I'm wrong.

---

Problems, as I see them:

1: you're mixing XHTML and HTML syntax, which is what causes most
validation errors...

...so you should decide which standard you want to use and write your
source-code accordingly. Won't change much in browsers, but it sure will
make further work on your layout a lot easier.

2: IE6 is auto-expanding the divs containing images - a bug, so the
navbars are pushed too low in that browser.

Solution:

add...

#navimagel img,#navimager img {
margin-bottom: -100px;
position: relative;
}

...to pull up the images' bottom while keeping them visible, so IE6
doesn't have anything to expand on. Only then can you start adjusting
where 'tabsH' and 'navbar' should stay, in a cross-browser stable way.

---

It is pretty unclear to me what you want here, as elements will overlap
each other if you move 'tabsH' and 'navbar' upwards. There's overlapping
now if any degree of font-resizing is applied, and font-resizing can't
be prevented.

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/


 Send instant messages to your online friends http://uk.messenger.yahoo.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] [ADMIN - OFF TOPIC] Re: IE7 release

[Alex Robinson]

>Amazing, they finally installed tabs.  Isn't Microsoft extraordinary!
...
>Maybe it'll run so badly that people will finally stop using IE
>entirely.
...
>Or is this going to mean one more web browser to fix things for.  I
>guess Microsoft could keep issuing browsers that were less and less
>compliant and end up taking up all of everyone's time.
...
>
>Here is a relevant link folks on this list might be interested in:


Whatever your personal opinions on Microsoft are, please don't vent 
them on this list. They have nothing to do with CSS.



>Does anyone know anything about the relationship between this version
>and CSS and other web standards?  There is nothing I could see on the
>Microsoft introductory site that mentions this.  I guess it's not
>surprising given who Microsoft is, but for most web designers this
>will be the critical issue.

Well you could try checking out the link that's currently included in 
the footer that gets attached to each and every message this list 
sends out

   http://css-discuss.incutio.com/?page=IE7

There you will find both info about what level of conformity to 
expect from IE7 as well as links to the IE7 teams announcements about 
such. (Those announcements by the way are on their development blog 
which has been widely publicised in web design circles)


So people, just a word to encourage people to discuss the practical 
issues that IE7 throws up and to remind you all of the existence of 
the IE7 page on the wiki.

But let's lay off the whole $COMPANY rants please.



Alex Robinson
css-d moderator



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

[Rob O'Rourke]

Kenoli Oleari wrote:
> Amazing, they finally installed tabs.  Isn't Microsoft extraordinary!
>
> Does anyone know anything about the relationship between this version  
> and CSS and other web standards?  There is nothing I could see on the  
> Microsoft introductory site that mentions this.  I guess it's not  
> surprising given who Microsoft is, but for most web designers this  
> will be the critical issue.
>   

The introductory site is a sales pitch for end users isn't it? CSS and 
web standards wouldn't really mean anything to them. Try the wiki for 
current IE7 CSS related issues: http://css-discuss.incutio.com/?page=IE7
Did you mean this introductory page: http://msdn.microsoft.com/ie/ ? 
MSDN is for the techy information.

What do you mean by 'other web standards'? Apart from CSS and javascript 
web standards are pretty much browser independent (a sweeping 
generalisation I know but you get the idea).

> Or is this going to mean one more web browser to fix things for.  I  
> guess Microsoft could keep issuing browsers that were less and less  
> compliant and end up taking up all of everyone's time.
>   

It is quite buggy, but at least its a step in the right direction. But 
yeah, new fixes needed and bugs to avoid.

> Maybe it'll run so badly that people will finally stop using IE  
> entirely.
>   

Ha, I wish.

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-d] IE7 Workaround Methods

[Al Sparber]

We published this Tech Note for our customers, but it should be 
helpful to anyone using CSS for layout:

http://www.projectseven.com/support/answers.asp?id=181

-- 
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] [ADMIN - OFF TOPIC] Re: IE7 release

[Mark J. Reed]

OK, IE7 may just have been officially released this week, but it's
been available for download as a beta for months and months.  There
have been several discussions about its capabilities on this list, and
there's a dediated discussion board here:

http://css-discuss.incutio.com/?page=IE7

...which I see Alex has pointed out while I was being slow to reply...

Anyway, the short answer is that IE7 is a massive improvement in terms
of standards compliance. I believe that if everyone upgraded
immediately we would see our cross-browser compatibility concerns
reduced to various minor issues of the sort that all browsers have,
rather than the major gaps which seem to have characterized IE for so
long.  Sadly, not everyone will upgrade immediately, and we may not
see widespread adoption of 7 until there's widespread adoption of
Vista, which of course won't happen until some time after Vista's
release.

Assuming you want to upgrade, do be careful about installing it, as
there's no going back.  You may want to look into the varioius
standalone solutions that let you have multiple versions of IE
installed, to make multibrowser testing easier.

-- 
Mark J. Reed <[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/

[css-d] [ADMIN - OFF TOPIC] Re: IE7 release

[Eric A. Meyer]

At 4:29 PM +0100 10/19/06, Alex Robinson wrote:

>So people, just a word to encourage people to discuss the practical
>issues that IE7 throws up and to remind you all of the existence of
>the IE7 page on the wiki.
>
>But let's lay off the whole $COMPANY rants please.

I'd just like to second that.  I expect that there will be a lot 
of discussion about IE7 and how it handles CSS.  In fact, I'd be very 
disappointed if there wasn't.  There will no doubt be people here on 
the list who will try IE7 on their designs, find problems, and need 
help fixing them.  That's what the list is here for: to help each 
other use CSS.
I also do expect there will be a little bit of venting here and 
there, especially from those who have problems or who didn't get 
their favorite CSS thingamabob in IE7.  I'd just like to ask everyone 
to try to leave those out as much as possible.  Wouldn't you feel 
silly if you posted a long diatribe about how incompetent Microsoft 
is in breaking your site, only to find that the problem was actually 
that IE7 does a BETTER job of CSS than it used to, and some 
long-forgotten CSS hack or conditionally commented fix was really the 
culprit?  I know I would.  So if there are problems, by all means 
come here for help, but let's all do it civilly.  Even if no solution 
can be found, we'll all learn a lot more by working on the problem 
than by venting spleens.
(Not that I disapprove of spleen-venting in general.  I just 
oppose it here on the list, as it lowers our signal-to-noise ratio 
and I want to keep that as high as possible.)
So, to recap: IE7 is out, and I think just about everyone here is 
keen to find out what it can and can't do.  Discuss problems and new 
features here, if you like.  Summarize findings on 
http://css-discuss.incutio.com/?page=IE7.  Please dial the rants down 
as far as possible.  Thanks!

-- 
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
   -- Martina Kosloff (http://mako4css.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] IE7 Workaround Methods

[Eric A. Meyer]

At 11:36 AM -0400 10/19/06, Al Sparber wrote:

>We published this Tech Note for our customers, but it should be
>helpful to anyone using CSS for layout:
>
>http://www.projectseven.com/support/answers.asp?id=181

Excellent.  Thanks, Al!  I'd love to see a note or article that 
explores the differences in IE6 and IE7 that necessitated those 
changes, or even just the most common changes.

-- 
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
   -- Martina Kosloff (http://mako4css.com/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] [ADMIN - OFF TOPIC] Re: IE7 release

[Phil Holt]

Is there any way of running IE7 or earlier on a Mac?

Phil


On 19/10/06 16:39, "Mark J. Reed" <[EMAIL PROTECTED]> wrote:

> 
> 
> OK, IE7 may just have been officially released this week, but it's
> been available for download as a beta for months and months.  There
> have been several discussions about its capabilities on this list, and
> there's a dediated discussion board here:
> 
> http://css-discuss.incutio.com/?page=IE7
> 
> ...which I see Alex has pointed out while I was being slow to reply...
> 
> Anyway, the short answer is that IE7 is a massive improvement in terms
> of standards compliance. I believe that if everyone upgraded
> immediately we would see our cross-browser compatibility concerns
> reduced to various minor issues of the sort that all browsers have,
> rather than the major gaps which seem to have characterized IE for so
> long.  Sadly, not everyone will upgrade immediately, and we may not
> see widespread adoption of 7 until there's widespread adoption of
> Vista, which of course won't happen until some time after Vista's
> release.
> 
> Assuming you want to upgrade, do be careful about installing it, as
> there's no going back.  You may want to look into the varioius
> standalone solutions that let you have multiple versions of IE
> installed, to make multibrowser testing easier.



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

Re: [css-d] [ADMIN - OFF TOPIC] Re: IE7 release

[Mark J. Reed]

On 10/19/06, Phil Holt <[EMAIL PROTECTED]> wrote:
> Is there any way of running IE7 or earlier on a Mac?

There used to be a Mac version of IE, but it's no longer supported.
You can, of course, run IE with any of the various solutions for
running a full Windows environment on your Mac - such as Parallels (if
you have an Intel system), for example.
-- 
Mark J. Reed <[EMAIL PROTECTED]>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE stepping floats

[Christy Collins]

http://www.loudjoy.com/ChampSite/
http://www.loudjoy.com/ChampSite/base.css
http://www.loudjoy.com/ChampSite/ie.css

I'm working with the navigation on this page - it looks perfect on  
mac/Firefox and Safari

IE6 is making steps out of the navigation bar (which consists of the  
2 large buttons and the search box).

I've tried applying dimensions to each element in case it is a  
hasLayout issue with no luck.

The ie.css file is to serve up gif backgrounds instead of pngs - it  
seems harmless to me, but maybe there is a problem there that I'm not  
seeing.

Relevant css here:



/* MAIN NAV AND SEARCH */

#main_nav_bar{
display: block;
float: right;
width: 513px;
margin-top: -30px;
position: relative;
}

div#search{
width: 291px;
height: 42px;
background: transparent url(i/search_bkg.png) no-repeat;
float: left;
margin-right: 10px;
}

#search form p{
font: 10px/15px "arial black", sans-serif;
text-align: left;
margin-top: 3px;
color: #fff;
letter-spacing: .2em;
margin-left: 8px;
}


#big_buttons{
margin: 0;
padding: 0;
}

#big_buttons li{
list-style-type: none;
}

#big_buttons li a{
width: 84px;
height: 38px;
border: 1px solid #71503e;
color: #71503e;
background: #fff url(i/button_bkg.gif);
display: block;
float: left;
font: 14px arial, sans-serif;
color: #71503e;
padding-top: 5px;
text-align: left;
padding-left: 10px;
margin-right: 10px;
}

#search input.text_input{
border: 0;
font: 14px arial, sans-serif;
color: #71503e;
margin-top: 0;
border-top: 2px solid #82624f;
}

#search input.button{
border: 0;
border-top: 2px solid #82624f;
font: 14px arial, sans-serif;
color: #71503e;
background: #fff url(i/button_bkg.gif) right bottom;
}

p#adv_search{
text-align: left;
position: absolute;
top: 22px;
left: 223px;
}

a#adv_search_link{
text-align: left;
color: #71503e;
font: 10px verdana, sans-serif;
text-decoration: underline;
}

--


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

Re: [css-d] IE7 Workaround Methods

[Thierry Koblentz]

Al Sparber wrote:
> We published this Tech Note for our customers, but it should be
> helpful to anyone using CSS for layout:

Al,
Is there a reason why you use "zoom:100%" rather than "zoom:1" or is it just
a matter of preference?

---
Regards,
Thierry | www.TJKDesign.com

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

Re: [css-d] Layout differences in IE/FireFox (Win) WRT Fieldset

[Glenn E. Lanier, II]

> -Original Message-
> From: Glenn E. Lanier, II [mailto:[EMAIL PROTECTED] 
> Sent: Wednesday, October 18, 2006 3:06 PM

> > From: Glenn E. Lanier, II
> > Sent: Wednesday, October 11, 2006 4:36 PM
> 
> Original Post: 
> http://lists.css-discuss.org/mailman/private/css-d/2006-Octobe
r/070167.html
> 
> > I have a page [1] that works solidly (as far as I can tell) 
> in FireFox
> > (Windows XP, v1.5.0.7) but when viewed in IE the third 
> > fieldset seems to
> > float much farther left than it should. Also, the vertical 
> > spacing of the
> > input fields aren't consistent from FF to IE (I don't care 
> about exact
> > pixels -- I just want them on the same line as their labels 
> > (highlighted
> > yellow).
> 
> After further review, I see that actually, the third fieldset 
> is in the correct place, while the first two are [seemingly] 
> right aligned to the containing div.
> 
> The problem that I see with [1] is that 
> A) page content is not centered horizontally (body has width 
> of 700px and margin:0px auto;) OK in FF, IE doesn't completely center
> B) first two fieldsets are right aligned, not centered.
> 
> Any ideas on what to do to fix either of these IE issues?
> 
> http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html

If you attempted to view this shortly after posting until about 3 hours ago,
the server was not responding properly.

Thanks to ~dL, it's up and running. I removed the two [seemingly minor]
validation issues (type not specified on javascript (inserted by .NET) and a
MS-only body attribute. Tidy finds no problems, but W3C validator complains
about no doctype -- odd, since the very first line of the HTML file is:

http://www.w3.org/tr/html4/loose.dtd";>

Any help would be greatly appreciated.

--G

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

[css-d] Clickable area around link

[William Graeber]

I have a website at http://www.swilly.tk that I am currently working
on. The site looks fine in both IE and Firefox (minus the one dotted
place underlining the links on the right), however there is a small
problem with user interaction.

In the link list on the right I would ideally like the whole box
containing the link to be clickable in IE. It has been a while since I
have worked on the site, but I believe I originally achieved this with
display: block for firefox. If you visit the site you can see that
anywhere around the link is clickable in Firefox, but not IE. Is there
any way to achieve similar results with IE?

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

Re: [css-d] IE7 Workaround Methods

[Al Sparber]

From: "Thierry Koblentz" <[EMAIL PROTECTED]>
> Al,
> Is there a reason why you use "zoom:100%" rather than "zoom:1" or is 
> it just
> a matter of preference?

Habit and preference. And it stands out more for people unaccustomed 
to using that particular (proprietary) property.

-- 
Al 


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

Re: [css-d] Layout differences in IE/FireFox (Win) WRTFieldset

[James Leslie]

 I believe that the doctype has to be in capitals as below:

http://www.w3.org/TR/html4/loose.dtd";>

James

> 
>
Thanks to ~dL, it's up and running. I removed the two [seemingly minor]
validation issues (type not specified on javascript (inserted by .NET)
and a MS-only body attribute. Tidy finds no problems, but W3C validator
complains about no doctype -- odd, since the very first line of the HTML
file is:

http://www.w3.org/tr/html4/loose.dtd";>

Any help would be greatly appreciated.

--G

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

Re: [css-d] Layout differences in IE/FireFox (Win) WRTFieldset

[Glenn E. Lanier, II]

> From: James Leslie
> Sent: Thursday, October 19, 2006 11:53 AM

>> and a MS-only body attribute. Tidy finds no problems, but W3C 
>> validator
>> complains about no doctype -- odd, since the very first line 
>> of the HTML
>> file is:
 
>> > "http://www.w3.org/tr/html4/loose.dtd";>

>  I believe that the doctype has to be in capitals as below:
> 
>  "http://www.w3.org/TR/html4/loose.dtd";>
> 

Thanks James. That solved the doctype validation problem. 

Do you (or anyone else) have any idea about why the entire page [1] does not
center horizontally?
And/or why the first couple of fieldsets are right aligned? Interestingly,
when I changed the fieldsets to divs [2] (via inline style applied to set
border and slightly reduced width), they seem to obey.

I applied the same margin-bottom (.5em) to my input, select, textarea
elements as I have on the labels, so they now seem to stay spaced properly
and I don't think I broke anything in Firefox.

[1] http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html
[2] http://glennlanier.dynalias.com:8080/vsdonation/cssd/samplediv.html

As always, thanks for any help or direction.

--G

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

Re: [css-d] IE7 Workaround Methods

[Thierry Koblentz]

Al Sparber wrote:
> From: "Thierry Koblentz" 
>> Al,
>> Is there a reason why you use "zoom:100%" rather than "zoom:1" or is
>> it just
>> a matter of preference?

> Habit and preference. And it stands out more for people unaccustomed
> to using that particular (proprietary) property.

Thanks

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

[css-d] FYI: IE 7 and the Web Accessibility Toolbar

[Thierry Koblentz]

After the IE 7 "update" some options may trigger "Access is Denied" alert
boxes. Re-installing the product seems to fix the issue.

[1] http://www.visionaustralia.org.au/info.aspx?page=614

---
Regards,
Thierry | www.TJKDesign.com

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

[css-d] big gap in ie6 - on text resize

[Maren Child]

http://www.biotext.com.au
When I increase the text size in the browser (large or largest) in ie6, 
some of the pages on this site still get a huge gap at the top of the page.
I thought it might be because of the really long text in links causing a 
non-breaking long line, but took them out and it still happens.

These are the pages with the problem:
http://www.biotext.com.au/services/writing.shtml (long links removed)
http://www.biotext.com.au/services/writing2.shtml (long links still there)
http://www.biotext.com.au/services/editing.shtml
http://www.biotext.com.au/services/training.shtml

Why does it break on some pages and not all the others?

It seems to have something to do with the 25 pixel padding in

#main { height: 1%; padding-left: 25px; margin-left: 160px;
}
- does that get bigger when you increase text size in the browser?


The training and writing pages validate. The editing page fails because 
of an unescaped & in a link, but I don't think it's causing the problem.
There's a link on the editing page,
http://www.ausaid.gov.au/publications/pubout.cfm?ID=4088_5412_1071_6193_2813&Type=PubKARD";>,
 
Australian Agency for International Development  (AusAID), 2006
I tried several times to change the &Type to &Type because it 
doesn't validate but it changes back when I upload the file (using 
Dreamweaver checkin).
Do I need to change it?

Thanks
Maren

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

[css-d] update on big gap in ie6

[Maren Child]

Actually, on my computer at least, the big gap in the Biotext pages 
appears when I resize the text to anything except smallest or medium.
Maren

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

Re: [css-d] IE stepping floats

[Gunlaug Sørtun]

Christy Collins wrote:
> http://www.loudjoy.com/ChampSite/

> IE6 is making steps out of the navigation bar (which consists of the 
> 2 large buttons and the search box).
> 
> I've tried applying dimensions to each element in case it is a 
> hasLayout issue with no luck.

It is correct that IE6' problem _can_ be fixed by adding a 'hasLayout'
trigger, but not to the link in your case since the link is floated.
Floats triggers 'hasLayout' by default, so extra triggers won't make a
difference.
Instead, let us simplify the arrangement a little.

You float the link, but not the list-items. You will have better luck in
IE6 and across browser-land if you turn it around...

Add...
#big_buttons{float: left;}
#big_buttons li{float: left;}

...and delete...
#big_buttons li a{float: left;}

Keep the rest as is - including at least the width of the link since it
now _does_ act as a 'hasLayout' trigger, and IE6 will behave itself and
line up the navigation bar correctly.

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

Re: [css-d] Clickable area around link

[Gunlaug Sørtun]

William Graeber wrote:
> http://www.swilly.tk
> 
> In the link list on the right I would ideally like the whole box 
> containing the link to be clickable in IE. It has been a while since
> I have worked on the site, but I believe I originally achieved this
> with display: block for firefox.

Add...

zoom: 1;

...as 'hasLayout' trigger to the link-style.

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

[css-d] Extra-space after frame in Firefox and Opera

[Alicia C]

Hey! I'm having a little problem here with Firefox. This is the layout:

http://helekins.sites.uol.com.br/

It works fine in Internet Explorer, but in both Firefox and Opera I see some
extra-space after the main frame and the menu. The page is
 supposed to end when the menu and the main frame end.
Is there any tag I should add or remove? Or even some hacks, I don't know,
I'm kinda new to CSS.


And yes, it's supposed to have this huge frame, with links to Google, just
for a quick test.

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

Re: [css-d] Extra-space after frame in Firefox and Opera

[Don Miller]

Why do you need the horizontal scroll?  (Win98 IE6)
Can't you decrease the frame and font size to at least fit a 1024 screen?

Don

- Original Message -
From: "Alicia C" <[EMAIL PROTECTED]>
To: 
Sent: Thursday, October 19, 2006 1:12 PM
Subject: [css-d] Extra-space after frame in Firefox and Opera


| Hey! I'm having a little problem here with Firefox. This is the layout:
|
| http://helekins.sites.uol.com.br/
|
| It works fine in Internet Explorer, but in both Firefox and Opera I see
some
| extra-space after the main frame and the menu. The page is
|  supposed to end when the menu and the main frame end.
| Is there any tag I should add or remove? Or even some hacks, I don't know,
| I'm kinda new to CSS.
|
|
| And yes, it's supposed to have this huge frame, with links to Google, just
| for a quick test.
|
| Thanks in advance =)
| __
| css-discuss [EMAIL PROTECTED]
| http://www.css-discuss.org/mailman/listinfo/css-d
| IE7 information -- http://css-discuss.incutio.com/?page=IE7
| List wiki/FAQ -- http://css-discuss.incutio.com/
| Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
|
|
|
| --
| No virus found in this incoming message.
| Checked by AVG Free Edition.
| Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 10/18/2006
|
|



-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 10/18/2006

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

Re: [css-d] Extra-space after frame in Firefox and Opera

[Glenn E. Lanier, II]

> From: Alicia C
> Sent: Thursday, October 19, 2006 3:12 PM

> http://helekins.sites.uol.com.br/
> 
> It works fine in Internet Explorer, but in both Firefox and 
> Opera I see some
> extra-space after the main frame and the menu. The page is
>  supposed to end when the menu and the main frame end.
> Is there any tag I should add or remove? Or even some hacks, 

I'm not exactly sure what is meant by the menu and after (horizontally, or
vertically).

However, you have set the height using inline styles on your div (id=frame)
of 286px but declared your iframe to be 280px. Changing this 286 to 286
removes 6 pixels of vertical space.

Also, you might try using ID's that are not element/attribute names.
Continuing to do so may cause you some grief down the road.

--G

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

Re: [css-d] IE7 Workaround Methods

[AG]

The IE FAQ [http://www.microsoft.com/windows/ie/support/default.mspx}
says that:


Q. My favorite websites don't load correctly, or don't seem to work
at all in Internet Explorer 7. What should I do?
A.If you encounter a site which does not recognize Internet Explorer
7, a new tool known as the User Agent String Utility has been created
to help you work around the problem. The utility comes in the form of
a small executable that opens an Internet Explorer 7 instance that
emulates Internet Explorer 6 by sending the Internet Explorer 6 user
agent string. It also provides a mechanism for you to report problem
web sites to Microsoft so that we can follow up with the affected
site owners. Download the tool here. 


Did anybody try this tool and would it be enough to avoid the hassles
to have IE6 and IE 7 installed for testing?

Ara G.



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

Re: [css-d] Extra-space after frame in Firefox and Opera

[Alicia C]

I'm not exactly sure what is meant by the menu and after (horizontally, or
vertically).

However, you have set the height using inline styles on your div (id=frame)
of 286px but declared your iframe to be 280px. Changing this 286 to 286
removes 6 pixels of vertical space.

Also, you might try using ID's that are not element/attribute names.
Continuing to do so may cause you some grief down the road.
_


Sorry, I meant horizontally. There's an extra space after the frame at the
> end of the page, horizontally.


I could just use a simple layout to fit the screen, but I've been
asked a page with horizontal scroll, no idea whre they got the idea
from, so this is it.

Anyways, I'll try to "re-build" the whole thing doing what you said.

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

Re: [css-d] Extra-space after frame in Firefox and Opera

[Glenn E. Lanier, II]

From: Alicia C [mailto:[EMAIL PROTECTED] 
Sent: Thursday, October 19, 2006 3:55 PM

I'm not exactly sure what is meant by the menu and after
(horizontally, or
vertically).

However, you have set the height using inline styles on your div
(id=frame)
of 286px but declared your iframe to be 280px. Changing this 286 to
286 
removes 6 pixels of vertical space.

Also, you might try using ID's that are not element/attribute names.
Continuing to do so may cause you some grief down the road.
_
 


Sorry, I meant horizontally. There's an extra space after
the frame at the end of the page, horizontally.


I could just use a simple layout to fit the screen, but I've been
asked a page with horizontal scroll, no idea whre they got the idea from, so
this is it.  

Anyways, I'll try to "re-build" the whole thing doing what you said.

Thanks for the help =)



[G>] Alicia,
 
I don't think you'll have to rebuild it all, just take care in
naming your ID/classes. Make sure they are not HTML elements/attributes (or
CSS bits either). Just for safety.
 
The page appears to be modified from when I last viewed it; change 
 
#header
{
padding-left:800px;
width:1000px;
}

to 
 
#header
{
padding-left:700px;
width:1000px;
}

Currently #header is 1800 px wide, while #main is 1700px.
 
HTH.
 
--G


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

Re: [css-d] Extra-space after frame in Firefox and Opera

[~davidLaakso]

Alicia C wrote:
> Hey! I'm having a little problem here with Firefox. This is the layout:
>
> http://helekins.sites.uol.com.br/
>
> It works fine in Internet Explorer, but in both Firefox and Opera I see some
> extra-space after the main frame and the menu. The page is
>  supposed to end when the menu and the main frame end.
> Is there any tag I should add or remove? Or even some hacks, I don't know,
> I'm kinda new to CSS.
>
>
> And yes, it's supposed to have this huge frame, with links to Google, just
> for a quick test.
>
> )
>   
I have no clue what either one of us is doing :-) . But I think you need 
a doctype (transitional when using i-frames); the styles get called from 
the css, rather than inline within the markup; and, I /think/ an i-frame 
may have a little different construction than what you've used; and, the 
file needs to validate. I have no idea if this is even remotely what you 
are after:  . (there 
are notes on the file).

Someone else care to contribute?

Best,
~dL


-- 
http://chelseacreekstudio.com/

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

Re: [css-d] Suckerfish over images in IE looses block definition

[Ido dekkers]

actually the problem is there both in IE6 and IE7, i just doenloaded the
release version of 7, and it acts the same.

and the menu does work in IE6, but only when there is no pic behind it.
if you look at the contact page - it works as it should.

oh, i know about the bag acting as a line - probably because a played a bit
with the css - it worked ok in IE before.

Ido

On 10/19/06, Ian Young <[EMAIL PROTECTED]> wrote:
>
> > Sent: 19 October 2006 11:34
> > To: css-d@lists.css-discuss.org
> > Subject: [css-d] Suckerfish over images in IE looses block definition
> >
> >
> > for some strange ( or to me at least) reason, IE removes the block
> display
> > definition from the list items in the drop down menu when they are over
> an
> > image.
> >
> > if you look here :
> > http://test3.dekkers.net/
> > you can see that in the home and about pages, you can catch the first
> item
> > in the drop down if you are fast enough, but as soon as you leave
> > the text -
> > the menu is gone, but - if you try it in the contact page - it works
> well
> > (no image below).
> >
> > also if I'm at it already - if you look at the site in FireFox the menu
> > partly hovers over the content, while in IE it doesn't ?
> >
> >
> > any ideas will be appreciated
> >
>
> Couple of things to note.
> Firstly menus are a different size in FF and IE7.
> Menus don't work in IE6, probably because the JavaScript is set up for
> IE7.
> Now if the menu works in FF, it should work in IE7, it's just the pesky
> old
> IE6 that has problems.
>
> Also, your red bag image appears as a vertical red line in both IE6/7.
>
> Haven't had the time to go look for a solution.
>
> Regards
>
> Ian
> --
> No virus found in this outgoing message.
> Checked by AVG Free Edition.
> Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 18/10/2006
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Clickable area around link

[William Graeber]

What would be the most correct way to make this validate? I put it
after a block of:
voice-family: "\"}\"";
voice-family:inherit;
In the link style - it fixed the problem and validates, but is this
the "most correct" way of doing it?

Thanks for the fix,
William

On 10/19/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
> William Graeber wrote:
> > http://www.swilly.tk
> >
> > In the link list on the right I would ideally like the whole box
> > containing the link to be clickable in IE. It has been a while since
> > I have worked on the site, but I believe I originally achieved this
> > with display: block for firefox.
>
> Add...
>
> zoom: 1;
>
> ...as 'hasLayout' trigger to the link-style.
>
> regards
> Georg
> --
> http://www.gunlaug.no
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Suckerfish over images in IE looses block definition

[Ian Young]

2:16
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Suckerfish over images in IE looses block definition
> 
> 
> actually the problem is there both in IE6 and IE7, i just doenloaded the
> release version of 7, and it acts the same.

 
> and the menu does work in IE6, but only when there is no pic behind it.
> if you look at the contact page - it works as it should.
> 
> oh, i know about the bag acting as a line - probably because a 
> played a bit
> with the css - it worked ok in IE before.
> 
> Ido
> 

Have to disagree with you here.

IE6 doesn't work at all on any page

For IE6 to work, you will need the csshover page and following in body tag

body {behaviour:{url(./csshover.htc)}

This triggers the hover function in IE6. 

Ian
-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 18/10/2006

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

Re: [css-d] Extra-space after frame in Firefox and Opera

[Alicia C]

I rebuilt the whole thing and seems to be working now.

http://www.freewebs.com/highwayjunkie/helekins.htm

Thanks for your time and help. =)

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

[css-d] son of suckerfish problems

[Schalk Neethling]

Greetings All,

Please have a look at the following page in IE: http://www.jcislord.org/
http://www.jcislord.org/templates/jcil/css/template_css.css
http://www.jcislord.org/templates/jcil/css/ie.css

The problem is with the top navigation. You will see that the drop down 
menu's start way over to the right instead of under the menu item. I am 
using left:auto;

Any ideas? Thank you in advance.

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

[css-d] new css designer - comments please

[Phil Turner]

Hi and thanks everyone I've learnt a lot since subscribing
comments on my latest creation please, I like many others am just  
getting the hang of this and would like to know if anyone else works  
quite slowly to create a good looking page, learning as they go??

http://www.philturner-uk.com/ypny/

only the first two pages done at the mo , I have trouble with spacing  
on the text between the h1,h2,h3 and body copy and class styles any  
pointers and comments welcome - its for a good cause as well

Kind Regards

Phil Turner
FREELANCE CREATIVE
TEL: 0161 439 1669
Chartered Graphic Designer MCSD  BA Hons
[EMAIL PROTECTED]
http://www.philturner-uk.com
V I S I T  M Y  D E S I G N  B L O G
http://www.philturnerdesigner.blogspot.com/



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

[css-d] centering images

[Linda Quinn]

I must be missing something in centering images. The following CSS is  
set up to contain the contents of a page, and center the contents  
regardless of the size the browser window is set.

#pagewrapper {
min-width:780px;
max-width:950px;
margin-left:auto;
margin-right:auto;
margin-top:0;
text-align:left;
padding:5px 0 0 5px;
border:2px solid #cd9923;
}

This works in Safari (Mac) & FF, but in IE6/Win, the container grows  
when the browser window is made larger.

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

[css-d] h2 tags with padding don't hover properly

[[EMAIL PROTECTED]]

see link below with two menus:

- http://www.fatgraffix.com/hrblshop-dev/shop_dev19/

1) in first menu, hover of main headings (h2 tags) work fine as long as
zero padding is applied to the h2 tags

2) in second menu, hover of h2 tags don't catch the padded areas of the h2
tags

seems that the hover should apply to the padded areas, but they don't (on
windows IE, firefox and opera)...

i'm pretty sure that hovers usually work over list items with padding, but
why not h2 tags ??

-fgx-
[EMAIL PROTECTED]


mail2web - Check your email from the web at
http://mail2web.com/ .


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

[css-d] floats, fieldsets, and margins

[Matt Tibbits]

Hello again,

 

Still working on forms and running into a bit of a problem…

 

I have a fieldset within a fieldset, I cannot put a top margin on the nested
fieldset. 

 

Here’s a silly little example: HYPERLINK
"http://www.tibbits.ca/webdev/test.php"http://www.tibbits.ca/webdev/test.php

 

It doesn’t seem to matter whether or not there is text floated to the left
of this nested fieldset element. I’m thinking that it probably has something
to do with the preceeding inline element occurring in the form of a legend
tag…but not really sure. 

 

Can someone explain to me why this happens? Any suggestions on how to fix it
would also be welcome. 

 

Thanks,

 

Matt

 

 


-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.5/483 - Release Date: 10/18/2006
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Extra-space after frame in Firefox and Opera

[david]

Alicia C wrote:
> I rebuilt the whole thing and seems to be working now.
> 
> http://www.freewebs.com/highwayjunkie/helekins.htm
> 
> Thanks for your time and help. =)

What's the odd little notch of black way on the right side when I look 
at it in Firefox 1.5.0.7 on Linux?

Screen capture here:

http://www.clanjones.org/helekins-screen.jpg

I just noticed that it also shows a notch on the left side. Looks like 
your iframe isn't quite lining up where you want it?

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

Re: [css-d] centering images

[david]

Linda Quinn wrote:
> I must be missing something in centering images. The following CSS is  
> set up to contain the contents of a page, and center the contents  
> regardless of the size the browser window is set.
> 
> #pagewrapper {
>   min-width:780px;
>   max-width:950px;
>   margin-left:auto;
>   margin-right:auto;
>   margin-top:0;
>   text-align:left;
>   padding:5px 0 0 5px;
>   border:2px solid #cd9923;
>   }

Does IE<7 understand max- or min-width?

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

Re: [css-d] Clickable area around link

[Gunlaug Sørtun]

William Graeber wrote:
> What would be the most correct way to make this validate? I put it
> after a block of:
> voice-family: "\"}\"";
> voice-family:inherit;
> In the link style - it fixed the problem and validates, but is this
> the "most correct" way of doing it?

I'm not fond of the voice-family hack, and I have no opinion on what's
"most correct" :-)

I would actually style that link this way...

#side a {
display: inline-block;
}

#side a {
margin: 0;
padding: 5px;   
display: block;
border-bottom: 1px dotted #000;
color: #000;
text-decoration: none;
}

...since that will be the least problematic 'hasLayout' triggering in
this particular case. No non-valid 'zoom' or other unsafe hacking needed.

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

Re: [css-d] centering images

[Daniel]

No it doesn't.

david wrote:
>
> Does IE<7 understand max- or min-width?
>
>   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] centering images

[david]

Daniel wrote:
> No it doesn't.
> 
> david wrote:
>> Does IE<7 understand max- or min-width?

Then for IE<7, it would think the original poster's container (with only 
max-width and min-width specified) has no width specified and default to 
"auto", yes?

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

Re: [css-d] centering images

[Daniel]

without a specific width it'll default to 100% or whatever the windows 
width is (someone could correct me if I'm wrong)

so something like
#pagewrapper {
width:780px;
min-width:780px;
max-width:950px;
margin: 0 auto inherent; /*not sure about the inherent*/
padding: 5px 0 0 5px;
border: 2px solid #cd9923;
}

david wrote:
> Daniel wrote:
>   
>> No it doesn't.
>>
>> david wrote:
>> 
>>> Does IE<7 understand max- or min-width?
>>>   
>
> Then for IE<7, it would think the original poster's container (with only 
> max-width and min-width specified) has no width specified and default to 
> "auto", yes?
>
>   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] centering images

[Gunlaug Sørtun]

Daniel wrote:
> without a specific width it'll default to 100% or whatever the 
> windows width is (someone could correct me if I'm wrong)

> so something like
> #pagewrapper {
> width:780px;
> min-width:780px;
> max-width:950px;
> margin: 0 auto inherent; /*not sure about the inherent*/
> padding: 5px 0 0 5px;
> border: 2px solid #cd9923;
> }

Won't work as intended in any browser, as they will all lock
#pagewrapper to a fixed 'width' of 780px and the 'min/max-width'
properties will have no effect since 'width' is within their range.

On the other point...
margin: 0 auto;
...is more likely to work.

A working min/max-width solution for IE6 is described here...

...under "pixel-based min/max-width expression".

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

Re: [css-d] h2 tags with padding don't hover properly

[Roger Roelofs]

Francis,

On Oct 19, 2006, at 8:56 PM, [EMAIL PROTECTED] wrote:

> - http://www.fatgraffix.com/hrblshop-dev/shop_dev19/
>
> 1) in first menu, hover of main headings (h2 tags) work fine as  
> long as
> zero padding is applied to the h2 tags
>
> 2) in second menu, hover of h2 tags don't catch the padded areas of  
> the h2
> tags
>
> seems that the hover should apply to the padded areas, but they  
> don't (on
> windows IE, firefox and opera)...
>
> i'm pretty sure that hovers usually work over list items with  
> padding, but
> why not h2 tags ??

I'm a little confused.  There aren't any declarations like

h2:hover {
   color: pink; /* or whatever */
}

anywhere in the document that I could see.  In fact, I don't see any  
hover style declarations for any element.

Also, ie/win < 7 only honors hovers on a elements, and only triggers  
the hover when the mouse touches a bit of the text.

Any chance you could clarify what you are trying to accomplish?

-- 
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
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] centering images

[Linda Quinn]

Thanks for the followup discussion on min/max width in IE. Daniel's  
suggestion of adding a width declaration above the min/max width  
declarations does make the page look better in IE. Thanks!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] row of images (varying heights) should align at bottom of div

[Beate De Nijs]

Hello,

I've got several thumbnail images of different height (and widths) in  
a horizontal row.
they should all align at the bottom of their thumbnailcontainer which  
has a fixed height.

I've put them in a div id #thumbnailrow and tried with these settings:

#thumbnailrow { text-align: center;  width: 828px; height: 88px;  
margin: 2px auto 0; }
#thumbnailrow img { bottom: 0; margin-right: 4px; margin-bottom: 0;  
margin-left: 4px; }
#thumbnailrow a:hover { border-bottom: 2px dotted #cacaca; }

but this doesn't do the job...

nor did this addtion (neither at thumbnailrow or img):   vertical- 
align: bottom;

can you please help me with css definitions/settings to achieve this?


kind regards,
beate

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

[css-d] A fully compliant XHTML + CSS Shopping Cart?

[Jon Hughes]

I looked around on google for hours tonight looking for a shopping cart
that didn't add a table every other  - does anyone know a free or
commercial solution for a shopping cart that is fully compliant with w3C
standards?

Tawxic at gmail dot com

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

Re: [css-d] A fully compliant XHTML + CSS Shopping Cart?

[Julian Merrow-Smith]

   - On 10/20/06, Jon Hughes <[EMAIL PROTECTED]> wrote:

does anyone know a free or
> commercial solution for a shopping cart that is fully compliant with w3C
> standards?
>
>
>
Cube cart claim xhtml and css valid http://cubecart.com though I'm sure
you'll still find some tables in there.
Julian

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