Hello,
I have a quick n easy CSS question.
I want to make a website that is fixed to 800px width.
What is the best, cross browser compatible way, to center it ?
Is their a better way of doing it than this ?
html
head
titletest/title
/head
body
style
#test
{
width: 800px;
}
/style
div id=base
Hi Lee,
The best way to center a website is to center the body then add a left and
right auto margin on your wrapper div. In the wrapper div you should set the
text-align back to left otherwise all your text will be centered:
body {
text-align:center;
}
#wrapper {
margin:0 auto;
http://www.pielows.co.za/
I'm particularly interested in how one section of the site appears in
IE6 (or before). This section is accessed with the menu link '_*Cape
Tours*_' and has a CSS-driven menu on the left. I think that this menu's
background is not correctly aligned in IE6, but cannot
On Thu, 7 Feb 2008 22:10:14 +1300, Karl Hardisty wrote:
[...]
The layout works fine in many browsers apart from the aforementioned, due to a
transparent PNG being present in the css. Is there any way I can keep the
general look
and have it work somehow in IE of yore?
HTML here:
Hi
Is there a way to start an ordered list at anything
other than 1?
I'm having a problem with QA type of page that
numbers the questions, but it also needs some blubs
between the questions. Kind of like below:
ol
liblahblah?br
fieldset
/li
need to insert yadayada
lianother question
On Wed, 06 Feb 2008 18:56:22 -0800, Big Moxy wrote:
Hi All,
I'm puzzled by the appearance of 4 addition hr in the Featured Vehicle
section of
http://www.cargovango.com/Inventory/Default.aspx. This is common code and the
problem
doesn't show up elsewhere.
CSS:
hr {display:none;} /*
[EMAIL PROTECTED] wrote:
Hi
Is there a way to start an ordered list at anything
other than 1?
I'm having a problem with QA type of page that
numbers the questions, but it also needs some blubs
between the questions. Kind of like below:
ol
liblahblah?br
fieldset
/li
need to
Arlen Walker wrote:
On Feb 7, 2008, at 3:50 AM, Lee Bettridge wrote:
Is their a better way of doing it than this ?
Oh great googily-moogily yes.
CSS
html { text-align: center; }
body { width: 800px; margin-right: auto; margin-left: auto; text-
align: left; }
(Why use a wrapper div
On Thu, 7 Feb 2008 10:58:23 -0500, Rob Emenecker wrote:
Hey all,
I have a sight that I am working on that uses separate screen and print CSS
stylesheets. The screen version has a graphic that is white with a drop
shadow that
appears over a background graphic. For the print version, if
Sébastien FICHOT wrote:
I've released a website for SQL makers. Can someone check this
website please ? www.guss.fr
It's aways interesting to have more eyes on things that can broke
accessibility or reliability between platforms and way-of-thinking.
I *think* there are a few too many
HI everyone !
I've released a website for SQL makers. Can someone check this website
please ? www.guss.fr
It's aways interesting to have more eyes on things that can broke
accessibility or reliability between platforms and way-of-thinking.
Thank you !
http://www.guss.fr
Sébastien Fichot
On 07/02/2008 15:53, Geoffrey Hoffman wrote:
Just speaking off the top of my head here... The size of an em is derived
from the text size of the container. I haven't actually calculated it but
say if your font-size is 12px then an em is about the same, or at least
proportional to it. By
Actually, Geoffrey, you are correct in the case of modern standards
compliant browsers. The text-align: center is for the benefit of IE6
(and lower, I presume) which doesn't seem to obey margin:auto too
well. By using the approach mentioned above (text-align: center on the
body, and margin: 0 auto
Arlen Walker wrote:
(Why use a wrapper div when you have one built in to the document
structure?)
Well, if we don't use a wrapper div it'll only work in standard mode,
in which case the 'text-align: center;' on html and 'text-align: left;'
on body won't do anything and are better left out.
A
On Thu, 07 Feb 2008 15:33:50 +0200, Bill Stemp wrote:
http://www.pielows.co.za/
I'm particularly interested in how one section of the site appears in IE6 (or
before).
This section is accessed with the menu link '_*Cape Tours*_' and has a
CSS-driven menu
on the left. I think that this
On Thu, 7 Feb 2008 08:42:46 -0700, Geoffrey Hoffman wrote:
If you have a div id wrapper with width:800px margin:0 auto; isn't the text-
align:center redundant? I've only ever used
#wrapper {
margin:0 auto;
width:800px;
text-align:left;
}
I've never put text-align:center on body.
The
Hey all,
I have a sight that I am working on that uses separate screen and print CSS
stylesheets. The screen version has a graphic that is white with a drop
shadow that appears over a background graphic. For the print version, if
user's have background colors/graphics turned off in their
Try adding
list-style-type: none;
to the li you want to not have bullets.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies --
Karl,
Here is a link that may help. Not sure if this method will work for a
repeating background image.
http://www.belafontecode.com/create-transparent-pngs-in-ie6-using-alphaimageloader-no-hacks/
Jim
On Feb 7, 2008 1:10 AM, Karl Hardisty [EMAIL PROTECTED] wrote:
I'm back in the fold after a
Pat Veriepe wrote:
I've been having slight spacing issues between Mac and PC with Firefox.
Is there any way to address them separately through CSS?
Thanks,
Pat
__
css-discuss [EMAIL PROTECTED]
Nope. As far as CSS is
I'm back in the fold after a break of 2-3 years, and much has changed.
Unfortunately, this doesn't include IE5.5 and IE6. I have a layout
I'm partial to, and have been experimenting with in the early stages,
but have come across something I'm not sure how to fix. I've reduced
the code
I've been having slight spacing issues between Mac and PC with Firefox.
Is there any way to address them separately through CSS?
Thanks,
Pat
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List
I am trying to solve a problem with bullets in a list, and some
spacing problems.
On this page: http://tinyurl.com/289um4
in Firefox, the bullets in front of Read all about... and Contact:
(510)... show up fine in Firefox (Mac, PC), but not in Safari (Mac)
or IE (PC).
The CSS is here:
John Gribben wrote:
Hello,
I'm trying to make a sucker-fish-style drop-down menu (a hybrid that also
uses sprites for the top level items), but it's not working on IE6.
There seems to be a problem with the content div that sits immediately below
the menu. If I isolate the menu from
On Thu, 07 Feb 2008 09:50:56 -0800 (PST)
[EMAIL PROTECTED] wrote:
Hi
Is there a way to start an ordered list at anything
other than 1?
I'm having a problem with QA type of page that
numbers the questions, but it also needs some blubs
between the questions. Kind of like below:
ol
Not 100% sure but I think you might be able to with
conditional comments. Hopefully someone with more
insight answers you.
--- Pat Veriepe [EMAIL PROTECTED] wrote:
I've been having slight spacing issues between Mac
and PC with Firefox.
Is there any way to address them separately through
David,
That is a great suggestion... re: if styles are disabled. Thanks!
...Rob
-Original Message-
From: David Hucklesby [mailto:[EMAIL PROTECTED]
Sent: Thursday, February 07, 2008 1:52 PM
To: Rob Emenecker; 'CSS Discussion'
Subject: Re: [css-d] changing IMG SRC attribute value via
I thought that may have something to do with it, and appreciate the reply.
I'm limited by not having access to a computer with IE 6 anymore :-/
On Feb 7, 2008 12:15 PM, Roger Gordon [EMAIL PROTECTED] wrote, in
part:
The text-align: center is for the benefit of IE6
(and lower, I presume)
Thoughts? Comments? Suggestions?
...Rob
I think your idea of two images is fine. There was an article on ALA:
http://www.alistapart.com/articles/sprites which might also be of
interest. Concatinate the logos, then display just the portion you want
in each CSS
On Thu, 7 Feb 2008, Geoffrey Hoffman wrote
ust speaking off the top of my head here... The size of an em is
derived from the text size of the container. I haven't actually
calculated it but say if your font-size is 12px then an em is about the
same, or at least proportional to it.
One em is
If your page and rules are valid, look at your page in Firebug. It shows you
the styles in the heirarchy of inheritance, and crosses off rules that have
been overridden by styles on parent containers/elements. Something above,
eg at a higer importance level, is applying font-style:normal. That is
I am fairly certain that the PNG alpha trick that dynamically places a
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
on your site's png files does not work on repeating backgrounds.
Search on IE6 transparent png on google and there's hundreds of helpful
articles.
If your site uses
Sure you can use em, ex, % for relative fluid layouts all you like.
The best reason to do so if you want your site to expand and contract nicely
along with the font size.
Just speaking off the top of my head here... The size of an em is derived
from the text size of the container. I haven't
I have two lists that refuse to be bold in Firefox and IE. No problem in
Safari and Opera. Other items around them are bold.
I've tried increasing the specifity to the max, !important and
wrapping each line with strong tags.
Any ideas?
Hi,
Is there a way to have text appear on top of a repeating graphic in
the bottom of the browser window?
I have a repeating color on the body tag to x repeat which is fine
and I would like to be able to put text in the center of this 50 pixel
height at the browser bottom no matter what
On Thu, 07 Feb 2008 09:50:56 -0800 (PST)
[EMAIL PROTECTED] wrote:
Hi
Is there a way to start an ordered list at anything
other than 1?
This is really an HTML question, not CSS so I'm replying off list.
You can use ol start=x (whatever number you need) to start a list at a
new
Does anyone know the allowable range of em values? Is using em for
positioning (absolute or relative) a good idea?
Thanks so much.
John
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List
Bill,
The menu items don't change background color in IE6. The text color does
change. Also, the pop-out for 'Tour Itineraries' is not popping out in IE6.
Not sure of the cause, however.
Jim
On Feb 7, 2008 5:33 AM, Bill Stemp [EMAIL PROTECTED] wrote:
http://www.pielows.co.za/
I'm
If you have a div id wrapper with width:800px margin:0 auto; isn't the
text-align:center redundant? I've only ever used
#wrapper {
margin:0 auto;
width:800px;
text-align:left;
}
I've never put text-align:center on body.
Actually all you need is to specify a width (it can be relative or
On 08/02/2008, at 10:22 AM, Tim White wrote:
You can use ol start=x (whatever number you need) to start a
list at a
new number. Or, you can use li value=x to skip numbering within
a list.
Both attributes are deprecated, so they are only valid under HTML
4.01 or
XHTML 1.0
Tim You wrote;
This is really an HTML question, not CSS so I'm replying off list.
So nuch for going off list.
You can use ol start=x (whatever number you need) to start a list at a
new number. Or, you can use li value=x to skip numbering within a
list.
Both attributes are deprecated,
Thanks Geoffrey! Firebug is a must have!!! I found my problem within
seconds.
Geoffrey Hoffman wrote:
If your page and rules are valid, look at your page in Firebug. It shows you
the styles in the heirarchy of inheritance, and crosses off rules that have
been overridden by styles on parent
The font size in textarea elements on Firefox (on Linux at least) is
about 70% the size of other input and select elements in the same form
whereas in IE the font size is roughly the same across all form
elements. I suspect this has more to do with the fact that textarea
uses a courier font-family
I am trying to solve a problem with bullets in a list, and some
spacing problems.
On this page:
http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/
the bullets in front of Read all about... and Contact: (510)...
show up fine in Firefox (Mac, PC), but not in Safari (Mac) or IE
I thought I had figured this out with Firebug, but the text is still not
bold. It's a nested ul ul.
The linked text saying THIS SHOULD BE BOLD is bold in Safari but not
in Firefox or IE. Could this be a problem because of a bug in both
browsers with nested lists?
Please check out this url:
I have a web-page that holds several images. Each one has a
description. I have the images in a ul list, each held in a li tag
/li
I am placing the description text right after the image, within the
same li tag. I have styled the img tag with vertical-alignment:
center, and it behaves the way I
Thanks for that information. What about using negative em to hide a
background image or complete DIVet?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ --
On Feb 7, 2008 7:57 PM, Jim Nannery [EMAIL PROTECTED] wrote:
So much for going off list.
*doh* wrong button. Mea culpa.
To be clear, attributes and html tags that are deprecated should only
validate under HTML *Transitional* and XHTML *Transitional* Doctypes.
With
an HTML 4.01
From: Pat Veriepe [EMAIL PROTECTED]
I thought I had figured this out with Firebug, but the text is still not
bold. It's a nested ul ul.
The linked text saying THIS SHOULD BE BOLD is bold in Safari but not
in Firefox or IE. Could this be a problem because of a bug in both
browsers with nested
Pat Veriepe wrote:
The linked text saying THIS SHOULD BE BOLD is bold in Safari but
not in Firefox or IE. Could this be a problem because of a bug in
both browsers with nested lists?
Please check out this url: http://veriepe.com/TEST222.html
The text is simply too small to become visibly
--- Jukka K. Korpela [EMAIL PROTECTED] wrote:
In Quirks Mode, browser behavior can be very
different from Standards
Mode, especially in the treatment of CSS
constructs. For a list of
possible differences, see
http://www.cs.tut.fi/~jkorpela/quirks-mode.html
Thank you all for all the
On Feb 8, 2008, at 3:47 AM, Matt Jalbert wrote:
I am trying to solve a problem with bullets in a list, and some
spacing problems.
On this page:
http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/
the bullets in front of Read all about... and Contact: (510)...
show up fine in
On Feb 8, 2008, at 1:43 AM, Michael B Allen wrote:
The font size in textarea elements on Firefox (on Linux at least) is
about 70% the size of other input and select elements in the same form
whereas in IE the font size is roughly the same across all form
elements. I suspect this has more to
On Thu, 07 Feb 2008 20:44:01 -0500
Tim White wrote:
On Feb 7, 2008 7:57 PM, Jim Nannery [EMAIL PROTECTED] wrote:
So much for going off list.
*doh* wrong button. Mea culpa.
No, you replied to my post. And to prevent replies off list (This email
address is one way = no spam) i
On Thu, 07 Feb 2008 11:43:00 -0500
Michael B Allen wrote:
The font size in textarea elements on Firefox (on Linux at least) is
about 70% the size of other input and select elements in the same form
whereas in IE the font size is roughly the same across all form
elements. I suspect this has
Since building the site, I've upgraded my IE from 6 to 7. I now have to
use 'multipleIEs'
(http://www.positioniseverything.net/articles/multiIE.html) to check in
previous versions. When the site was first uploaded, it worked fine in
IE6 (with the exception of the orange menu background being a
56 matches
Mail list logo
