Apparently Apple has recently released a public beta of Safari for Windows.
Hopefully this gives Windows users an opportunity to test their sites on
Safari...
It will be interesting to see how it differs from the Mac version.
http://www.apple.com/safari/
Lori
jeffrey morin wrote:
i have looked at the following site forever now and still cannot get this to
work.
http://www.twinhelix.com/css/iepngfix/
Well look closer because you haven't followed the instructions. Pardon
the terse tone, but we're not here to write your code for you...
Anyway,
jeffrey morin wrote:
On 6/7/07, Lori Lay [EMAIL PROTECTED] wrote:
jeffrey morin wrote:
i have looked at the following site forever now and still cannot get
this to
work.
http://www.twinhelix.com/css/iepngfix/
Well look closer because you haven't followed
jeffrey morin wrote:
The comment wasn't meant to be witty. You still haven't followed the
instructions. Look at the demo page! Line one in the CSS!! It
starts
with USAGE in capital letters. I've seen your posts over the last few
months and I was noting a trend.
Boris Höltje wrote:
Hi all!
I have a big problem concerning a float layout and I'm hoping to get
a solution, because I do not have a Win PC for testing purposes...
I tried everything I'm used to do to work around the common float
bugs in IE 5.x 6 Win. Applied display: inline where needed
;
margin-right: 10px;
}
So I guess you ran into IE's margin doubling bug and that's usually
fixed with a change to inline display.
Viele Grüße
Lori
Am 06.06.2007 um 18:19 schrieb Lori Lay:
...snipped...
__
css-discuss
Glen Lipka wrote:
Sample:
http://cpns.commadot.com/
In IE6, the corners at the bottom are being placed too low.
When I use the IE Dev toolbar and change anything about them, they snap back
into place.
I hate errors like that. Any ideas? Thanks,
Glen
Actually the corners are off a
Renae Willis wrote:
http://www.lccoachingbeta.com/web/LCC/countryprofiles1.html
Additionally, the css drop down menu (alternate content for the flash
menu) no longer has it's sub-menus once I place it in the page. The
isolated, functional (in IE7 Firefox 2) menu can be found here:
Sam Carter wrote:
I have an application with vertical scrolling. I'd like to keep a div
positioned in the viewport. Before I resort to beating it up with
JavaScript, is there a CSS technique, maybe with minor JavaScript, which
works well across browsers?
Sam
It sounds like you're after
by the bottom margin on
your header division and the space below is caused by the top margin on
your content division.
Please don't top-post and include the list in your replies.
Lori
On 6/4/07, Lori Lay [EMAIL PROTECTED] wrote:
Farid Jamea wrote:
Hello,
I have a very simple web page. (one column
Sandy wrote:
hey David
Thank you SO MUCH for looking at this!
The div class=photo in
http://sandyfeldman.com/test/smale/portfolio1/port111.html seems to have
just a little
padding on the right, compared to the same thing in
http://sandyfeldman.com/test/smale/portfolio1/port110.html
Diego Muñiz wrote:
It works if i do that, but it doesn't validate in xhtml 1.0
On 6/4/07, Lori Lay [EMAIL PROTECTED] wrote:
Diego Muñiz wrote:
I' ve done this star rating system:
http://www.punisha.com/test/estrellas/
I have uploaded the new verion. It works in FF
Farid Jamea wrote:
Hello,
I have a very simple web page. (one column, 4 sections: header, menu,
content, footer). The width of the menu seems to be about 0.5 mm less than
all other 3. (this is more clear in IE7, and also when you zoom)
All sections are contained in a wrapper with a width of
Diego Muñiz wrote:
I' ve done this star rating system:
http://www.punisha.com/test/estrellas/
I have uploaded the new verion. It works in FF, IE and Opera, but in
internet explorer i'm not able to show it inline.
Try using a span instead of a division. A span is an inline
Kaye wrote:
...snipped
My question is whether it is possible to turn this example into an
external style sheet with the header, footer and left column content
there and then just have each separate page's content (for the right
column) in an html page that uses that external style sheet.
Edinburgh Nights wrote:
I usually add id but I have a series of tables I want to apply the same class
to
table classsignup_table
If you actually wrote it this way in your page, then there's your
problem. Try
table class=signup_table
this doesn't work
.signup_table {
Michael S. Kirkpatrick wrote:
I can't figure out why but in IE 6 my spacing looks different (more
space on LI). I've read (and tried) just about every hack related to
extra spaces on LI's in IE 6 but all to no avail. Here's my design -
can someone just point me in the right direction and I'll
jana coyle wrote:
Here is my site http://www.precisemessenger.com/private/help4.html
I have a problem with getting text to align where I want it.
On the top of the page The links Home, About Us and Contact are not centered
inbetween the lines.
You've only specified left padding on your
Tom McNeer wrote:
Hi folks,
I would appreciate it if anyone interested would quickly scan through
http://ids.mediumcool.com.
I think most cross-browser issues are solved -- except for two.
First, on any page below the home page, there is a bread crumb trail. In IE6
and 7, the first link
Tom McNeer wrote:
Deb,
Thanks for the compliment. As far as validation goes, are you
referring to HTML or CSS validation? The W3C CSS validator simply
throws a servlet error, and has been doing so for a long time; so I
haven't been able to validate the CSS, although it's not different
Sandy wrote:
Hey all,
Any idea of what may be going on here? IE6 does not display the image in
the top left side of the banner.
http://www.uoguelph.ca/~dmangroo/index.html
styles are here:
http://www.uoguelph.ca/~dmangroo/mangroo.css
thanks!
Sandy
Sandy,
I guess you fixed the
Chris Anderson wrote:
Hi All
My example is having a 100% width and height div, but with a margin of 10px
around it to create a border. This should demonstrate my issue, even though
it's not exactly how my site is designed. However the div goes off the
right hand side and the bottom of the
Jukka K. Korpela wrote:
(The discussion started under the heading font-family font sizes, but I
now changed the Subject to more specific.)
On Fri, 18 May 2007, Bruno Fassino wrote:
Putting together the above, if we trust Gecko, the aspect ratio of a
font can be obtained simply
Alicia Orth wrote:
My goal is to create a layout that has the following:
1. 3 column layout with a header and footer (the footer can either
sit at the bottom of the 2nd column, with the 1st 3rd columns
wrapping down beside it. Or, it can sit under and span all 3
victor NOAGBODJI wrote:
As you can see here:
http://tiger.towson.edu/~knoagb1/javascript/textslicer.html
I'm trying to create a guideline widget for a textarea. The problem is the
big space left after the textarea due to the height of the line.
Do you have any suggestion?
IE has a
Jukka K. Korpela wrote:
I'm looking for a way have some content printed at the start of each
printed page. I guess this is would be generally useful, since many rules
and standards require that some identifying information appear on each
page.
On Firefox 2, the following simple approach
Philippe Wittenbergh wrote:
On May 25, 2007, at 9:44 AM, Lori Lay wrote:
Jukka K. Korpela wrote:
I'm looking for a way have some content printed at the start of each
printed page. I guess this is would be generally useful, since
many rules
and standards require that some
Liz wrote:
On this site http://www.whsfoundation.org/ when I click around within the
site in Firefox often the right and left column are empty because the
content drops to the bottom. This didn't happen on my demo sever
http://www.liztestsite.com/indexTest.shtml. Any ideas of what I can do?
Liz wrote:
It is worse on the Mac Firefox but on the pc it happens on
http://www.whsfoundation.org/calendar.shtml and
http://www.whsfoundation.org/donate.shtml Try clicking back and forth
between a few links on the site. It happens more often after coming from
another page in the site. My
Lori Lay wrote:
Liz wrote:
It is worse on the Mac Firefox but on the pc it happens on
http://www.whsfoundation.org/calendar.shtml and
http://www.whsfoundation.org/donate.shtml Try clicking back and forth
between a few links on the site. It happens more often after coming from
another
tedd wrote:
Hi gang:
Is there any way to use css to remove the border that accompanies an input
box?
I've tried border: none;, but that hasn't worked.
Cheers,
tedd
Try border-style: none;
If that doesn't work, try
border-style: none;
border-width: 0;
Usually border-style on its
tedd wrote:
At 9:12 AM +0900 5/15/07, Philippe Wittenbergh wrote:
On May 15, 2007, at 6:43 AM, tedd wrote:
Is there any way to use css to remove the border that accompanies
an input box?
I've tried border: none;, but that hasn't worked.
That should work (and works in
Mauricio Samy Silva wrote:
Hi all,
Is it possible to achieve a horizontal ordered list in IE6
using only one OL element and valid CSS without images?
Say:
1. First item2. A longer second item 3. shorter 3th
HTML:
ol
li... /li
li... /li
li... /li
/ol
CSS:
ol li {
Mauricio Samy Silva wrote:
Lori,
Thanks now I know that IE7 behaves like IE6 on this issue.
The question is how to force IE renderizes the markers.
I'd like to know if it is impossible or not.
Maurício,
It would appear that it's not possible. I did some searching and that
seems to be the
Hi,
When you use an import directive in a style sheet, which rules come
first? The imported rules or the rules defined in the style sheet itself?
So if I have:
basic.css:
@import url(nav.css);
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 1em 0;
font-family: Georgia, Times New Roman,
Todd Edwards wrote:
Quote from css-discuss.incutio.com:
Why not put @import at the bottom of simple.css?
According to the CSS specs, @import rules must precede any other CSS rules
in a stylesheet, so this creates the need to place it in its own stylesheet
for these purposes.
Thanks
Ingo Chao wrote:
Lori Lay wrote:
Hi,
When you use an import directive in a style sheet, which rules come
first? The imported rules or the rules defined in the style sheet itself?
CSS2.1 6.4.1 Cascading order
http://www.w3.org/TR/CSS21/cascade.html#cascading-order
... 4
Hi,
According to my searches there's a bug in IE 7 that causes it to render
an unordered list improperly when you define a width on the UL.
Unfortunately I can't find a solution anywhere, so I was wondering if
anyone is aware of this and has a solution.
Here's a mock-up of a page showing the
David Anderson wrote:
Hi,
... snipped ...
Here's after:
http://aperture.cit.buffalo.edu/test/sched-fixedemw.html
I'm using a css reset stylesheet; the tables won't be flush left in the
final version.
Your thoughts?
Thanks!
David Anderson
Well the new version is certainly
Bruno Fassino wrote:
Lori Lay wrote:
Here's a mock-up of a page showing the problem:
http://www.goethebooks.com/gentest/unordered_list_test.html
This seems to work ok in most browsers (FF, Safari, Opera),
including IE 6!
However in IE 7, the list is not centred in the blue area
Shelly wrote:
Thanks Denis. Good idea - but didn't work (However, if I set the body
with position:absolute; it does - but the whole thing shoots to the
left. but this may be an idea I can work with...)
Someone else emailed me offlist and suggested I use padding-top for
the main area,
Bruno Fassino wrote:
On 5/2/07, Lori Lay [EMAIL PROTECTED] wrote:
Here's a mock-up of a page showing the problem:
http://www.goethebooks.com/gentest/unordered_list_test.html
[...]
Yes Bruno, that works. Thanks. I'd love to remove the 100% width on the
anchor, but if I do this, the list
Hi,
I would like to vertically align and centre some text at the bottom of a
division. In compliant browsers, I can accomplish this by using
display: table and display: table-cell with vertical-align: bottom.
This works like a charm.
However, in IE 6, I have an odd problem. I have read
. Changing the code as suggested above and
adding left: 0; to #footwrap worked like a charm.
Thanks Scott.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Lori Lay
Sent: Friday, April 27, 2007 5:29 PM
To: CSS-discuss
Subject: [css-d] Vertically
Mauricio Samy Silva wrote:
Hi Lori,
Try the following CSS:
#footer {
position: relative;
width: 100%;
height: 50px;
clear: both; }
#footwrap p {
width:100%;
margin:0 auto;
position: absolute;
bottom: 0;
text-align:center;
}
Regards,
Maurício Samy Silva
John Wells wrote:
Guys,
Don't know if your remember this or not, but back some time ago I emailed
about a three-column layout that was killing me. A helpful soul suggested
using display:table-cell to fix my problem, and it did!...except, not
really in IE.
So, I finally relented. I gave
Dave M G wrote:
IE6 usage is dropping as people migrate to version 7, and FireFox
continues to make incremental gains into Microsoft's market share:
http://www.w3schools.com/browsers/browsers_stats.asp
As others have stated, I think your stats are a little skewed. I think
the best
Dave M G wrote:
Gunlaug ,
Thank you for responding.
I considered using an h2 tag or h3, but isn't it kind of arbitrary
as to which number it should be?
I mean, if I do use a headline element, is there a reason to choose h2
instead of h3, or vice versa? Or h4, h5, or h6?
The only one
Dave M G wrote:
Based on your advice, I've decided to go with an h3 tag. h1 and h2
are definitely already in use in my site, and, well... the line had to
be drawn somewhere.
I don't quite understand your comment here. I presume you mean that you
wanted the headings on your tabs to be
Robert Lane wrote:
I put a border on some td's but am getting a gap between them. What
style gets rid of that?
Sounds like you need border-collapse: collapse on your table style.
table {border-collapse: collapse;}
for example.
Lori
jeffrey morin wrote:
anyone know how i can ie6 and get rid of ie7? with the last windows update
it installed ie7 and i don't want it.
is this possible?
Thanks,
Jeff
Actually if you do a Google on uninstall ie 7, one of the first links
that will come up is a very nice page from
~davidLaakso wrote:
Dave M G wrote:
CSS-d,
I've settled on a design that I'm happy with, and I'd like to invite
people to make comments, both technical and artistic.
The site is here:
http://formever.org
FWIW, a level 2 heading is missing.
Ditch the validation buttons?
A
Joel D Canfield wrote:
I can't sort out why the logo in the white box at the top is shifted right 8
or 10 px
http://spinhead.info/ah/one/
I've colored the background image yellow to show where the left edge is; the
white background of the logo image should cover that, but leave a
KJ'[EMAIL PROTECTED] wrote:
Hi,
On this page http://www.geekministry.com/test/claus/reference1.php I
wonder why the CC doesn't kick in. The images are too far right in IE6.
Any help appreciated.
Thanks
I don't think your CC is the problem. I think it's a source code
issue. You are
DJS wrote:
I find this interesting.
I work on a Mac 99% of the time doing development, but recently I've
started a design for my new site.
Italic text: FF Win doesn't smooth the text like IE Win does. (!?)
Dare I say, the text looks better in IE Win, like it does on my Mac.
I didn't find
DJS wrote:
Italic text: FF Win doesn't smooth the text like IE Win does. (!?)
Dare I say, the text looks better in IE Win, like it does on my Mac.
I don't think there's anything you can do in the browser. Font
smoothing is called the ClearType Tuning tool in Windows and it
DJS wrote:
jeffrey morin wrote:
you could even go as far as using ie conditional comments to
deliver text that would look better on a pc than a mac
Jeff
Well, it was looking good in IE7 win, just FF win. It's the culprit.
I was using georgia, which I thought I
Steve LaBadie wrote:
Is there a way to have the scrollbar not disappear in Firefox if the
page height is less than the browser window?
Set height on body to 101%.
Lori
__
css-discuss [EMAIL PROTECTED]
Dave Pierce wrote:
Hello Gurus of Great Graphics,
Can someone take a look at this page (I finally got to do one from
scratch instead of updating old stuff! ;-)
http:www.pierceartanddesign.com/testfiles/ and perhaps point me in
the right direction to get the page centered into the
Daniel Hammond wrote:
Yes -- top, right, bottom, left -- which is clockwise, not
counter-clockwise.
Beg your pardon. Too many digital clocks :-)
L
__
css-discuss [EMAIL PROTECTED]
Richard Brown wrote:
...snipped...
I think you also need to change your #body declaration to text-align:
center. WinIE 5 doesn't recognise the margin: auto declaration.
Can anybody confirm this please? Thanks.
He has the text align on the wrapper division. Since his wrapper
Hi,
I have been trying to get a fixed positioning emulation to work in IE 6
and can't quite get it. Most of the layout is fine except that the
header won't extend all the way across the screen. It stops short by
150px, or the width of the sidebar. I would like to get this working in
Gunlaug Sørtun wrote:
Lori Lay wrote:
I would like to get this working in standards mode, not in quirks
mode. Most the of the fixes I have found for this involve putting IE
in quirks mode. Is there any way to fix this in standards mode?
http://www.goethebooks.com/gentest
jeffrey morin wrote:
hello again,
i was wondering if anyone knows what is going on with this. i have been
reading about png support in ie6 and am trying to not use javascript to fix
it. i have my img src pointing to a blank gif like i was told and have the
following in my css:
* html
jeffrey morin wrote:
Yes I ran into this as well. It turns out that the path for the image
loader is relative to the /page/ that the image is being displayed in -
not the CSS file. I had to move this into a conditional comment on each
page because I don't have all my pages in one directory,
ibn Ezra wrote:
Thanks... that moves the text down nicely. Funny that your solution
never crossed of my mind! The only drawback is that it creates a
large (invisible) link area beneath each image which could
potentially compete with content in a different layout (a second row
of
PM, Lori Lay wrote:
ibn Ezra wrote:
Thanks... that moves the text down nicely. Funny that your solution
never crossed of my mind! The only drawback is that it creates a
large (invisible) link area beneath each image which could
potentially compete with content in a different layout (a second
Dave M G wrote:
CSS Discuss,
Today I discovered a very strange problem with my CSS. I call it strange
both because it is completely perplexing to me, and also because I'm
sure I'll struggle to describe it properly.
This is happening on my local testing machine, which is not serving any
[EMAIL PROTECTED] wrote:
Does caption-side even work for IE6? Nothing I can find says it doesn't,
and yet . . .
To paraphrase Eric's book (CSS - The Definitive Guide):
Styling captions is variable. Browsers differ in their support of the
caption attributes and there are also
Anahita Shafa wrote:
Hello CSS-D,
My name is Anahita and I am new to css-d. I have been using css for the past
6-7 months only and have fallen in love with it.
I have a question, which hopefully is not too simple of a question for
someone to answer me?
When designing web pages, which
Anahita Shafa wrote:
Hello CSS-D,
My name is Anahita and I am new to css-d. I have been using css for the past
6-7 months only and have fallen in love with it.
I have a question, which hopefully is not too simple of a question for
someone to answer me?
When designing web pages, which
John M Shepard wrote:
The Nav Bar in Firefox on my PC is not rendering right??
http://mypracticesite.com
The Heading on the editable text body is crammed as well.
Looks great on a Mac though. Any ideas? Much thanks ahead.
John Shepard
I didn't notice too much difference between the
Chris Rahe wrote:
I'm pretty new to css, table-less design but I'm trying to get up to speed
quickly. I had to put a calendar on the web and I tried to come up with a
useful way to do it using CSS and no tables.
Does anyone mind taking a look at
Robert DeLaurentis wrote:
I would appreciate anyone who takes the time to look at my site and
lets me know how its working on their browsers. This is my first all-
CSS site. I tried to use minimal number of classes, ids for major
layouy divs only, and as little non-standard cruft as
Johnny G's wrote:
When the page requires a scrollbar firefox pushes the contents of the window
over.
There was a post a few issues back that suggest this:
html {
height: 100%;
margin-bottom: 1px;
}
this does work, but it permanently adds a scrollbar that scrolls 1px to all
pages
Chris Hoffman wrote:
On 4/8/07, Philippe Wittenbergh [EMAIL PROTECTED] wrote:
No, the computed height of the inline element (the amount of
background-colour that will be applied) depends on/includes the line-
height.
But If I set line-height to 16px, with font-size remaining
Tom Dell'Aringa wrote:
Hi there,
I've mostly got my menu done, but there is one small (1 pixel small)
problem. Somehow, in FireFox the menu is *1 pixel* shorter in height than in
IE. I have seen this before but cannot remember, nor figure out how to fix
it. I can't seem to figure what is
jeffrey morin wrote:
On 4/3/07, jeffrey morin [EMAIL PROTECTED] wrote:
hi everyone,
i am trying the sliding door method for the the first time and i am
hitting a snag. the right image keeps going over the left one causing it to
not be rounded like i want. you can actually see the left
Karl Bedingfield wrote:
Hi all,
I have a style sheet that works for IE5.01 5.5. How do I put up one
link to cover both of these browsers or do I need to add 2 statements?
By the way, I take it that using conditional statements means I have
to use a full css file for each browser unlike
Dave Goodchild wrote:
URL: http://dontjustsitthere.co.uk/stage/
There is a layout issue in IE6/7 - the container holding the T-shirt content
is dropping. I tried using display:inline and position:relative to appease
any IE bugs to no avail. Any suggestions?
Actually, all of your
[EMAIL PROTECTED] wrote:
I'm trying to apply what I am learning from this list (which is a lot!), but
having to use Dreamweaver MX 2004. I can't seem to find how to create
the list selector rules suing their CSS styles panel in Deamweaver MX
2004.
I'm wondering; would you advise me to code
Doug Niven wrote:
Hi Folks,
I hate to ask such a seemingly simple question but I've spent a few hours
trying to make this work and have run out of ideas.
I'm trying to create table borders inside and out 1px thick, like the
following:
http://stinkyrat.com/css_borders.html
The above is a
Hello all,
I have a three column layout with a fixed header and left column and a
footer that sits at the bottom of the view port or content, whichever is
longer. I have managed to get this working in most browsers - we don't
have to worry about IE 5.x, fortunately. However in Opera 9 on Mac
Yup, you found us. You may have to wait a bit for a reply though,
depending on timezones and people's schedules...
The contact info is displayed at the bottom of every message, with the
main list id being the first address.
Lori
sandy. wrote:
i'd like to ask a question to the community. i
so far.
Lori Lay
CSS wrote:
Hello again,
OK, I now seem to have solved my earlier CSS menu rollover problem in IE6
see: http://www.sfep.org.uk/newHP.asp.
I decided to try and apply the background images to the a elements rather
than the li elements, and after a bit of re-classing
85 matches
Mail list logo