Re: [css-d] :: Opera/9.23 Mac ::

[L Lay]

David Laakso wrote:
> Georg,
>
> I have a little rendering mystery. Opera/9.23 Mac is not behave quite 
> the same as Opera/9.23 Win on this page:
>
> uri
> 
>
>   
David,

It renders fine at all zoom levels under Opera/9.00 build 3447 Mac OS X 
10.4.9.  It might be an Opera bug...

Have you tried the WAT toolbar?  Using the Show Applied Styles option 
under the CSS menu might help.

http://www.paciellogroup.com/resources/wat-about.html#download

It works fine under Mac OS X.

Lori
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page check :: ~dL

[L Lay]

David Laakso wrote:
> [1]  
>
> Best,
>
> ~dL
>
>   
It even works on my Dell laptop (IE 6) - with UseHR on or off.  FWIW, 
Lynx and Fangs are also happy.


Lori
__
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] I want to make my nav bar look like the included image

[L Lay]

Josue Martinez wrote:
> Hello, listers:
>
> I am working on this nav list, and I'm stuck because I don't know how to
> position the elements as I want. I have an unordered list of links I want to
> style like this image:
> http://www.ic.sunysb.edu/clubs/phiota/test/assets/images/v1_index.jpg
>
> Here is the html file http://www.ic.sunysb.edu/clubs/phiota/test/
>
> And here's the  navigation CSS (The entire css document is here:
> http://www.ic.sunysb.edu/clubs/phiota/test/base.css )
>
>   
One of these should fit your requirements:



Look at the designs under Horizontal Lists.

Lori
__
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] can anyone see my content disappearing - IE6 win

[L Lay]

Ingo Chao wrote:
>
> For the wrapping menu: this menu is not very stable, even under 96dpi 
> UseHR off. Try to enlarge text zoom in a normal XP IE install and see 
> what happens.
>
> For that UseHR Testing: did you actually try to set it according to 
> the article I've posted [1]?
>
> I don't own a Dell Laptop, I am just playing with the dpi settings 
> (120dpi) and registry (UseHR: [dword] 1).
>
> Chances are not very good at the moment that I get a high-dpi laptop 
> by MS for debugging IE.
>
> Ingo
>
> [1] http://msdn2.microsoft.com/en-us/library/Aa770067.aspx

Yes I followed the instructions from MS[1].  I wouldn't get a Dell 
laptop, Fujitsu makes a much nicer machine :-)

It was nice to be able to reproduce the problem.  I played around with 
turning the UseHR on and off and observed the results.  I will now leave 
it off, but I will probably continue to play with the settings when I'm 
testing sites.  My desktop is a Mac, so I use the laptop for testing.


Lori
__
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] can anyone see my content disappearing - IE6 win

[L Lay]

kristin wrote:
> I wrote:
> -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
> i am told that on the wine pages  & contact page:
>  
> http://www.tuttobenewines.com/contact.html
> http://www.tuttobenewines.com/wines-rosso.html
> http://www.tuttobenewines.com/wines-bianco.html
>  
> i have a disappearing content bug in IE6 win SP2.
>  
> I cannot for the life of me recreate it - despite seeming to have the same
> environment, so i'm am having difficulty fixing it.  Any guideance would be
> greatly appreciated,
> -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
>
> Based on everyone's input, I have given the columns all layout with zoom:1,
> and I have made the rightColumn position:relative.  I am hoping that this
> fixes the disappearing content for IE6.  Can any of you nice folks take a
> look in IE6 and let me know if the content still disappears?  I am running
> IE6 and never saw it disappear at all, so I'm begging for a hand.
>
> Because the client is either going to maintain the site in Dreamweaver or
> Contribute, I'm really hoping I can leave the DW comments in...
>
> :-)
>
>
>   
I'm afraid it still disappears if I have UseHR on.  After reading Ingo's 
note I actually went into the settings on my Dell laptop and set the DPI 
back to 120.  It was so nice to be able to read the screen again :-)

If I have UseHR on, the wine bottle disappears and the images are 
stretched and distorted.  If I shut UseHR off, the wine bottle appears 
and everything looks much better.

The other problem is that now the menu wraps under IE, at 120dpi whether 
UseHR is on or off.  The Contact Us falls to another line.  It doesn't 
under FF.  Oddly enough, with UseHR on, only the word Us falls under 
Contact, but with UseHR off, the entire Contact Us option falls to the 
next line and the word You from "Tell Us What..." also falls under that 
option.  It appears that the text is larger under IE than it is under 
FF, even with UseHR off.

Sorry to be the bearer of bad news.  I'll try to send screen shots to 
you directly.

Lori
__
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] List problem

[L Lay]

Luc wrote:
> Good evening Lori,
> It was foretold that on 27/6/2007 @ 19:35:54 GMT-0400 (which was
> 20:35:54 where I live) Lori Lay would write:
>
> 
>
> Still puzzles me why the borders etc don't stretch all the way down???
>   

Because the content will only be as tall as it needs to be.  Getting the 
content to stretch all the way down requires a bit of messing around 
with min-heights in FF and lots of other convolutions to get it to work 
in IE.  See my other post with the subject of "positioning" (same time 
as yours) for some comments about that.

If you really want to look into that, have a look at 
.  Paul seems to have the most info on 100% height 
layouts.

And pardon my comment about including the list - your email is weird :-) 
and I didn't see that it was actually going to the list.

Lori
__
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] positioning

[L Lay]

Terry Hamel wrote:
> I'm having trouble positioning divs.  There are two major parts of
> this page - the immovable header and the movable content.  The header
> contains a logo on the left, a subtitle in the center (left aligned to
> the logo), and a search bar on the right.
>
> Besides this, the content div only goes down as far as the content.
> I'd like it to fill the viewport even when there is little content.
>
> This website is internal and will only be viewed on Firefox browsers.
> I've convinced the corporation that IE is bad for business, except in
> certain cases where they need to view a website that is designed for
> IE, which is few if any.
>
> The URL: http://four.fsphost.com/thpublic/
>
> The CSS:
>
> * {margin: 0; padding: 0;}
>
> html, body, {
>   width: 100%;
>   height: 100%;
>   font: 0.8125em Verdana, sans-serif;
>   line-height: 1;
>   color: rgb(244, 242, 219);
>   background-color: rgb(30, 23, 14);
>   }
>
>   
You have a comma after body which is means that the entire rule is being 
ignored.  See Firefox's error console for this CSS error and some JS 
errors.  You can add a min-height:  100% to your content division to 
make it as tall as the viewport.  However, I don't think it will look 
like it unless you put a repeating background image on your content 
division, even if it is a solid colour.  That's the premise behind the 
faux columns  method, if I 
understood it correctly :-)

Lori
__
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] List problem

[L Lay]

Luc wrote:
> Good evening Lori,
> It was foretold that on 27/6/2007 @ 19:35:54 GMT-0400 (which was
> 20:35:54 where I live) Lori Lay would write:
>
> 
> They don't on a high res monitor.
>   
>
> My res is 1440x900. Any idea what's causing this?
>   

I think it's just that your viewport is sized such that the content 
seems to expand to fill it.  My monitor is 1920x1200, so my viewport is 
large enough that the content stops before the bottom.  I wouldn't worry 
about it.  Maybe just put a bottom border on your wrapper so that it 
looks closed off.
>> Also, can you isolate the effect you're trying to achieve?
>> 
>
> On the reference page there is a distance between the arrow and the
> text, while on the new one i can't get any space i.o.w. the arrow sits
> where it should be but i can't seem to push the text of the links
> further away from it. (Hope it makes sense)
>
>   
In the reference page, the arrow is a background on the list items, 
whereas in your new page it's on the anchor.  Perhaps you should move it 
back to the list items.  Otherwise, use negative positioning on the 
background to pull it over.

That would be something like:

background:transparent url(../Images/activenav.jpg) no-repeat scroll -5px 0;


To be honest, I'm not sure if you can use ems for background positioning 
or not.  You can certainly use percentages but I'm not sure about ems.

>>  The active class has a
>> -2em left margin that pulls the link text over, so it's working the way
>> you have coded it.
>>  If you're referring to the missing arrow, that's
>> being overridden by the a:link definition, so you have a specificity 
>> problem.  You'll have to remove the negative left margin or the arrow 
>> will overlap the text.
>> 
>
> if i leave the negative out, the arrow and text goes 2 em to the
> right, hence i tried to fix it with the negative margin.
>   
>   
>> Have a look at the elements in Firebug 
>> 
>
> Tnx, i'll give it a try.
>
>   
It makes all this much easier.  You can try temporarily applying styles 
and see what the effect is immediately.

Lori

PS Please include the list in replies.  Someone else may want to jump in 
or see your comments.
__
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] List problem

[L Lay]

Luc wrote:
> Good evening David, 
> It was foretold that on 27/6/2007 @ 14:17:42 GMT-0700 (which was
> 18:17:42 where I live) David Hucklesby would write:
>
> 
>
>   
>> Here's how it looks in Firefox:
>> 
>
>   
>> 
>> 
>
> Strange, at my end in opera, moz and FF the borders etc stretch to the
> bottom of the page.
>
>  
>   
They don't on a high res monitor.  They stop well above the bottom of 
the viewport.

Also, can you isolate the effect you're trying to achieve?  The 
navigation links look the same on your reference page and the new one, 
so we're not sure what you are trying to fix.  The active class has a 
-2em left margin that pulls the link text over, so it's working the way 
you have coded it.  If you're referring to the missing arrow, that's 
being overridden by the a:link definition, so you have a specificity 
problem.  You'll have to remove the negative left margin or the arrow 
will overlap the text.

Have a look at the elements in Firebug  and 
you'll see the applied styles, and which styles are being overridden.  
You can also temporarily disable styles to see the effect, like 
disabling the background on a:link to make the arrow show up...

Lori

__
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] Background Image Position Problems--Do You Have a Work Around?

[L Lay]

Fabienne wrote:
> Hello, all. I am creating a Zen Cart for my store and  have put an image 
> in the background of my pages. The webpage is found here: 
> http://www.possets.com/zen-cart and the CSS can be found here. 
>  
>
> In some browsers, the image looks great. In other browsers the 
> background images are drifting up too high and show the bottom being cut 
> off and it's unattractive.  I want to be 
> able to position the image in the background and have it look good in 
> IE6, 5.5, and 5 at least, so the image bottom sits on or below the 
> bottom of the page.
>
>
>   
Try

background:#FF url(../images/possetsgirl800w.jpg) no-repeat fixed 
left bottom;

or

background:#FF url(../images/possetsgirl800w.jpg) no-repeat fixed  0 
100%;


This will fix the background to the bottom of the viewport, which might 
be below the bottom of the page at higher resolutions.  When you use 
fixed units like pixels, the top left of the image is put at that point 
in the containing box, which is basically the viewport in your case.  
But if you use percentages, a point in the image at the specified 
percentages is matched to the same point in the containing box.  So, for 
example, if you specify "10% 20%" as the percentages, a point 10% across 
and 20% down in the image is matched to the point 10% across and 20% 
down in the containing box.

You might try playing with percentages as well to see if they provide 
the effect you want.  Setting the horizontal percentage (the first 
value) to 50% will centre the image in the containing box.

HTH

Lori
__
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 - centering page

[L Lay]

Josef Biechele wrote:
>> It seems to be centered fine for me.  FF 2, IE 6 & IE 7.  My IE 6 & 7 
>> are running on separate machines, so they are running stand-alone.
>> 
>
> Thank you Lori for the feed back, good to know it works.
> I could solve it thanks to the following hints from Sophie:
>
> body {
> margin: 0;
> padding: 0;
> text-align: center; /* for pre IE6 browsers */
> }
>
>   
IE 6 too actually.  Quite frankly, I was surprised it was working in IE 
6 without the text-align.  I thought that perhaps you had it tucked in 
there somewhere or it was the absolute positioning that was lining 
everything up.
> #content {
> width: 1000px; /* it won't center if you don't give a width */
> margin: 0 auto;
> text-align: left; /* to realign your text */
> }
>
> You put the content div around your site, and done.
>   
Anyway it looks like you got it.

Lori
__
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 - centering page

[L Lay]

Josef Biechele wrote:
> Hello,
>
> I try to center a page with the following styles:
>
> html, body {
>   width: 1000px;
>   padding: 0;
>   margin: 0 auto;
> }
>
> Works fine in IE6 and FireFox, but IE7 doesn't like it.
> Confused! What am I doing wrong?
>
> Just in case, her's a link to the mentioned page:
> http://dev.jugendnetz.de:8080/jn3/
>
> Thanks for any hint.
> Josef
>
>
>   
It seems to be centered fine for me.  FF 2, IE 6 & IE 7.  My IE 6 & 7 
are running on separate machines, so they are running stand-alone.

Lori
__
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] Mac FF 2.5 Div Operlap

[L Lay]

Dagmar Noll wrote:
> Hello, folks.
>
> I'm working on a framework for a web site, and it seems to have an 
> overlap in Firefox 2.5 on my intel mac. The navigation (div#navigation) 
> is running over the bottom border of the box above it (div#profiles). 
> Any ideas as to what is going on here? My CSS is pretty simple. I just 
> can't figure it out.
>
> Sample page: http://www.wincog.org/test/index2.html
> CSS:http://www.wincog.org/test/css/WINCOGstyle-basic.css
>
> Thanks!
> Dagmar
>
>   
It seems to be the border width you have specified for the profiles 
division: 0.05em.  That seems to be resulting in such a small number, or 
an odd number, that FF is unsure of the positioning of the navigation 
division.  If you change it to 1px, everything is fine.  Even .5px seems 
to work, which is odd because that's actually less than .05em at my 
default font size which is 16px.  However, it you change it to .8px, 
which is what .05em comes out to, it overlaps again.  Go figure...


Lori
__
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] only the background shows in IE6

[L Lay]

Sandy wrote:
> Keith
>
>   
>> I can see that just fine.
>> 
> thanks for checking - so it's the bio page.
>
> I have just set up an alternate version,
> http://briansmale.net/test/bio1.html
> if you (and anyone else out there, especially someone with ie6) could 
> check this, I would be really grateful.
>
> thanks loads
> Sandy
>
>   
>> Keith, how about other pages on the site? Can you see
>> http://briansmale.net/test/gallery1/gallery111.html
>> 
>
>   
Both the old and new bio pages show up fine for me (XP Pro SP2).  
However the background picture is fuzzy on both versions (you have a 
fuzzy cow ;-)  ).  It's not Friday yet, is it...

Anyway the png filter doesn't work on the old bio page, but it seems to 
on the new.

Lastly, the background is clear on the gallery pages.

Lori
__
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] only the background shows in IE6

[L Lay]

Sandy wrote:
>>> http://briansmale.net/test/bio.html
>>> http://briansmale.net/test/js_css/bs01.css
>>>
>>>
>>>   
> The site went down for a while last night - while I was uploading the 
> revised bio page!
>
> I think it is actually working now (THANK YOU AUDRA!!!) but since I am 
> on a mac I am relying on browsercam, and I think I am seeing cached 
> images of the screen captures.
>
> Would it be possible for you to take a minute and let me know if the 
> page does actually show up in IE6?
>
> thanks loads,
>
> Sandy
>
>   

Page seems to load fine in IE 6.  Looks the same as FF 2.

Lori
__
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] REPOST: layout falls apart in Netscape 7.x

[L Lay]

Jim Nannery wrote:
> Dova
>
> You wrote
>   
>>  It is
>> validating and it looks OK in at least IE and Mozilla, but completely
>> falls apart in Netscape (tested versions 7.0 and 7.2).
>>
>>
>> HTML:
>> http://www.gwvirginia.gwu.edu/newsite/
>>
>>
>> 
>
> Just checked my old win 98 box with a 17" monitor and NS 7.2 and your site 
> looks nearly identical to FF 1.5 and IE 6 and 7 on my win XP Pro sp2 box. 
> Sorry I can't offer more assistance, but it doesn't look broken on my 
> end
>
> Best
>
> Jim Nannery
> www.beebar.net 
>   

Looks ok under NS 7.2/Mac too.

Lori
__
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] Two Questions?

[L Lay]

Jukka K. Korpela wrote:
> On Tue, 12 Jun 2007, David Dorward wrote:
>
>   
>> (You can find out what the computed font size is using Firebug's dom
>> inspector, switching to the Style tab, and picking Computed Style from
>> the menu on the right hand side of Firebug).
>> 
>
> Could you please explain it slower? :-) I have recently installed Firebug, 
> but its user interface is confusing. For example, if I enable Firebug, 
> then right-click on something, select "Inspect Element", then I get a view 
> with tabs Console, HTML, CSS, Script, DOM, Net. But where do I really see 
> the style sheet rules being applied? I select "HTML", I get (on the right) 
> the tabs Style, Layout, DOM, but the Style tab contains just the style 
> sheet rule(s), e.g. font-size: 200%. I don't see anything resembling 
> "Computed Style".
>
>   
Jukka,

Select HTML in the left pane.  Select Style in the right pane.  Click on 
the Options drop-down in the right pane and select Show Computed Style.  
Voila!

You can also see the computed font size with the Web Developer toolbar, 
which is another completely separate extension.  I use both in 
conjunction sometimes.

http://chrispederick.com/work/web-developer/


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