At 9/6/2006 03:13 AM, David Dorward wrote:
One of the major critisms of CSS Zen Garden is
that it is laden down with vast numbers of divs and spans which are
there solely to hook CSS onto.
I find it hard to take seriously criticism that the Zen Garden page
has too many tags! That would be like
Ideally, you should be using something like:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Strict//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=he
head
titleLanguage Test/title
meta http-equiv=content-type content=text/html;
charset=utf-8
But I have a feeling that browsers should deal with that direction
stuff automatically anyway.
Nope, turns out that they don't handle that kind of thing automatically.
So use this final bit of mark up (as pure as I can get it):
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Strict//EN
Thanks alot Brett! Removing the title attribute from the link tag solved it.
kind regards,
Albert
At 11:41 PM 9/6/2006, you wrote:
Hello Albert,
The problem probably comes from the use of the TITLE attribute. This
attribute does not have side effects in other elements, but in LINK tags for
*CSS Hacks and Filters: Making Cascading Stylesheets Work*
http://snipurl.com/w173
Don, I think you are going the wrong way about it. Although it makes sence
to think about that way - I did it myself, got the book, but it isn't very
good, despite the title. I've found it much better to learn
Concerning 3-column layout techniques
there is a great overview here:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
here are some column layouts manuals, examples:
http://www.dasdan.be/modules/mylinks/visit.php?cid=34lid=865
Hi,
Just wondering if this is the /best fix/ to make an image align to the
bottom left of the BODY background for Firefox:
html {
min-height: 100%;
height: auto;
}
body {
url(/le/images/template/bkgrnd-grfk.jpg) no-repeat bottom left;
}
Hehe, it has been a while
Meanwhile I fixed the errors - the problem with Opera 9 still exists. The
horizontal rule still behaves strangely with IE - it should always be 66%
wide, however IE shows it on all pages except the home page about half. And
an additional problem: IE doesn't print the background image of
Dears
I have two problems in IE6 inly not in FF or IE7.
1. 1px shift in border
2. Content will not expand all the way.
Looking at the site using IE6 will clear the issue.
http://codg.bjaili.com/13/
--
OOzy
Kubuntu-Dapper
__
Yves Vindevogel wrote:
My previous thing can easiliy be reproduced with this ...
* html
body style=background: green; background: blue !Internet Explorer;
pTest/p
/body
/html
Hi Yves,
Yes, here's a test page
Florian Hamberger wrote:
Meanwhile I fixed the errors - the problem with Opera 9 still exists. The
horizontal rule still behaves strangely with IE - it should always be 66%
wide, however IE shows it on all pages except the home page about half.
Hi Florian,
The html-validator reports on the
Hello
I was trying to do simple 2 column layout fixed width (not liquid layout) using
float for the left column which contains menu. The problem I found is that when
the menu is longer than the the right column, it tends to run outside the page
area and continues into the background below the
I have a web page that displays perfectly in Firefox but has errors when
displayed in IE 6. I tried to solve the issues but I can not do it. Can
somebody help?
The webpage is: http://www.alanevansmotors.co.uk/browse.php
Dear css-discuss
I have a problem with the IE browser for Mac.
The page can be seen at:
http://www.sheldrake.org/homepage.html
which will eventually be the new index page for this website.
The page works ok on IE 6.0 for Windows, Firefox 1.0.1 and Safari 1.2 for
Mac.
On IE for Mac the page
Čistý design wrote:
I would be grateful for any tips or links...
Plenty of examples and links under *containing floats*
http://www.gunlaug.no/contents/wd_example_01.html
Georg
--
http://www.gunlaug.no
__
css-discuss
I have links to named anchors on a separate page. There is no problem
getting to the appropriate spot. The problem is that the page can't be
scrolled up to see all the menu items. I have used the hack for equal height
columns on the menu - don't know if this affects it. The page is here:
On Sep 7, 2006, at 8:52 PM, [EMAIL PROTECTED] wrote:
I have a problem with the IE browser for Mac.
The page can be seen at:
http://www.sheldrake.org/homepage.html
which will eventually be the new index page for this website.
The page works ok on IE 6.0 for Windows, Firefox 1.0.1 and Safari
From: Kay Olson [EMAIL PROTECTED]
I have links to named anchors on a separate page. There is no problem
getting to the appropriate spot. The problem is that the page can't
be
scrolled up to see all the menu items. I have used the hack for
equal height
columns on the menu - don't know if
Lyn Williams wrote:
I have a web page that displays perfectly in Firefox but has errors
when displayed in IE 6.
http://www.alanevansmotors.co.uk/browse.php
1: div.nplinks becomes 100% + 20px wide (the W3C box model).
#main-l div.nplinks {
text-align: right;
/* width: 100% --
I have links to named anchors on a separate page. There is no problem
getting to the appropriate spot. The problem is that the page can't be
scrolled up to see all the menu items. I have used the hack for equal height
columns on the menu - don't know if this affects it. The page is here:
In my experience, this is a known error with the equal height
columns
hack. The overflow: hidden; that you place on the containing element
means that if the div scrolls (as it sometimes does when using
anchor
elements), it will scroll content off the top of the page (or off
the
top of
On Sep 7, 2006, at 10:04 PM, Al Sparber wrote:
In my experience, this is a known error with the equal height
columns
hack. The overflow: hidden; that you place on the containing element
means that if the div scrolls (as it sometimes does when using
anchor
elements), it will scroll content
I wrote:
I think that is referring to this kind of problems
http://dev.l-c-n.com/overflow/equal-height3-1.php
With more details from Alex here
http://www.positioniseverything.net/articles/onetruelayout/appendix/
equalheightproblems
Sent to fast, forgot something or two.
1/ the same
From: Kay Olson [EMAIL PROTECTED]
http://www.quinebaugkennels.com and the links to the left of the
photo are
the ones I'm concerned about - i.e., private lessons, gun dog
training, etc.
The further down the page the link is, the more or all of the menu
disappears.
Thanks for any advice -
At 1:48 PM +0200 9/7/06, =?iso-8859-2?Q?=C8ist=FD_design?= wrote:
Hello
I was trying to do simple 2 column layout fixed width (not liquid
layout) using float for the left column which contains menu. The
problem I found is that when the menu is longer than the the right
column, it tends to run
Rimantas Liubertas wrote:
...
Well, divs have no semantic meaning, so *any* div that you add to a page
is for the purpose of design, really. There's no such thing as a
semantic div, in the strict sense. But, I doubt you are looking for
examples of sites that use neither tables nor divs,
Micky Hulse wrote:
Hi,
Just wondering if this is the /best fix/ to make an image align to the
bottom left of the BODY background for Firefox:
html {
min-height: 100%;
height: auto;
}
body {
url(/le/images/template/bkgrnd-grfk.jpg) no-repeat bottom left;
}
Hehe,
hepabolu wrote:
Hello list,
I've created a print.css that does what I want most of the time.
However, every now and then I end up with empty pages. Does anyone know
of a trick I could use to loose at least the last empty page? I've
searched high and low, but I can't find something
Hi Zoe, thanks for the quick response, much appreciated.
Zoe M. Gillenwater wrote:
What don't you like about this solution that you are trying to fix? What
browsers or content situations doesn't it work with? Do you have a test
page?
I have yet to do a browser-cam capture... or I would
I did come up with a fix for Gecko gang which I posted here along
with reservations
http://archivist.incutio.com/viewlist/css-discuss/77165
Sent to fast, forgot something or two.
1/ the same problems affect recent WebKit (future Safari) builds and
the just release Omniweb5.5.
2/ Nobody
Thank you everyone!
Your answers really helped me... I have it now.
Jana
Hello
I was trying to do simple 2 column layout fixed width (not liquid
layout) using float for the left column which contains menu. The
problem I found is that when the menu is longer than the the right
column, it
I'm having a great weirdness in IE - my dark blue navigation bar is simply
disappearing. It works fine in Firefox, and I'm really puzzled as to what
is causing it to simply not display at all in IE. There are two examples of
this phenomenon:
I have a menu that is floated, and the only way it renders correctly in
ie6 is if it gets a hasLayout attribute. I added display: inline-block
to the container div, and all is well. except, it doesn't validate.
You and I both know it does, but the validator says otherwise, and
This problem I'm sure many have had, I need my page background to
stretch 100% of the page in an absolute div. But in Firefox, It will go
100% until it scrolls. Then the background stops. If anyone has any
suggestions or fixes. Thank you. - Here is the link:
Is there an alternative to display:inline-block that will give a div
hasLayout?
It goes a bit against the validation grain, but I suggest using:
zoom: 1;
in a separate CSS file hidden from the validator by conditional
comments. It's a little more future-proof (since it's a proprietary
Micky Hulse wrote:
Generally, there is no best fix for things in CSS. There are multiple
ways to do things. If something works in your layout and target
browsers, and uses the leanest markup or CSS possible, go for it.
Sounds good to me. And yep, appears to work great in IE6 and
It's now easy to test for yourself using IE on Linux.
Screenshot: http://mrmazda.no-ip.com/SS/kde-IE6.gif
Howto link: http://www.tatanka.com.br/ies4linux/index-en.html
Updated wiki page: http://css-discuss.incutio.com/?page=BrowserTesting
It wasn't entirely simple, as it complained about old
francky wrote:
[...]
Yes, here's a test page
http://home.tiscali.nl/developerscorner/css-discuss/test-ie-important3.htm
Sorry, wrong link; must be:
test page
http://home.tiscali.nl/developerscorner/css-discuss/test-ie-important.htm
francky
Hi again and thanks Gunlaug. I don't feel so inept when the solution
is something I wouldn't have thought of in a million years...hehe.
Both of your suggestions worked perfectly to fix the footer width and
gecko 1px line problems. And you are correct, my test page did not
validate but
Thanks for the tips on my dropdown navigation menu.
I'm starting to wonder whether ANY dropdown is a bit too fancy (from a
user, rather than a code, perspective).
But to make a decision, I need to get the dropdown up-and-running with
the scrolling gallery.
However I can't for the life of me
rollandburn wrote:
http://blog.html.it/layoutgala/LayoutGala24.html
div#wrapper{float:right;width:100%;margin-left:-200px}
div#content{margin-left:200px}
Try to think of it like this:
1: div#wrapper will show up as a 100% wide float-container, but will
/only take up space/ equivalent to
Good stuff.
A near enough a straight install on Fedora - apart from a checksum error
on one file which I did a wget on and reran the installer and it worked
fine.
A a bit buggy on the left hand favorites/search bar resizing, maybe
other bugs too.
Great for checking out layouts though.
Audra Coldiron wrote:
http://designerkarma.com
[...] They are all totally necessary to have nearly complete design
flexibility while working with the same skeleton.
I'll say a 'conditional yes' to that - given the current standards, but
are those inline styles necessary too?
I've often
In the site I'm creating I've set up the fonts for the Body tag like so:
'font: small Gill Sans Light, Gill Sans, Trebuchet MS, Helvetica,
Arial, sans-serif;'
(I believe that Gill Sans and Gill Sans Light are supplied as standard
with OSX. They're unlikely to be on the average PC, so Trebuchet
Paul Novitski wrote:
At 9/6/2006 03:13 AM, David Dorward wrote:
One of the major critisms of CSS Zen Garden is
that it is laden down with vast numbers of divs and spans which are
there solely to hook CSS onto.
I find it hard to take seriously criticism that the Zen Garden page
has too
Hi everyone, any help would be great:
I'm working on re-coding an existing website into XHTML/CSS and am
hitting a small snag: The banner ads section. Using min-width I am
able to get the desired behavior w/ Firefox but (big surprise) not in
IE...
http://www.alexburr.com/yehoodi/3/index.php
In
Suggestions please?
http://www.keshavhowe.com/7/upcoming_intensives.php
The CSS code for this is all at the bottom of keshav.css, all what I'm
calling the 'grid' - where I'm lining up images links below, all
centered. Beautiful in FF, stacks vertically in IE. I need an IE hack.
I'm SURE it's
Anne E. Shroeder wrote:
I'm having a great weirdness in IE - my dark blue navigation bar is simply
disappearing. It works fine in Firefox, and I'm really puzzled as to what
is causing it to simply not display at all in IE. There are two examples of
this phenomenon:
http://designerkarma.com
Pity it doesn't survive when properly served, as 'application/xhtml+xml'...
( XML parsing failed: syntax error (Line: 114, Character: 44) )
Might have been more useful then, and in accordance with XHTML 1.0
standard. Shouldn't be too difficult to achieve.
If you
Bradley Wright wrote:
This problem I'm sure many have had, I need my page background to
stretch 100% of the page in an absolute div. But in Firefox, It will
go 100% until it scrolls. Then the background stops.
I think (from memory) that this fixes the issue:
html, body {
margin: 0;
I have a telescoping menu (controlled by JavaScript). All that works
wonderfully, but my problem is the links contained in the list. When the
background for the L2 links changes, it only changes the backgrounds of
the links. I want the whole 130px width to change it's background.
li.L2,
Audra Coldiron wrote:
http://designerkarma.com
If you tried to validate it failed due to my own poor mark-up in the
content, not the skeleton. That's what I get for trying to do too
many things at once. All's fixed now though, thanks for pointing it
out :-)
I usually don't bother to run
On Sep 8, 2006, at 4:03 AM, richard n wrote:
In the site I'm creating I've set up the fonts for the Body tag
like so:
'font: small Gill Sans Light, Gill Sans, Trebuchet MS,
Helvetica,
Arial, sans-serif;'
(I believe that Gill Sans and Gill Sans Light are supplied as standard
with
[EMAIL PROTECTED] wrote:
I have a telescoping menu (controlled by JavaScript). All that works
wonderfully, but my problem is the links contained in the list. When the
background for the L2 links changes, it only changes the backgrounds of
the links. I want the whole 130px width to change it's
hi all -
problem is inline divs with dimensions that collapse when div is set to
display inline -
- http://www.fatgraffix.com/testing/test_03-inlinedivs/
i'm assuming that inline elements can't have specified widths and heights -
is this true - ?
thx to all for your help...
=fgx=
I saw a comment on the list recently that the SPAN tag was obsolete.
Can anyone explain how that is?
Thanks,
Wes
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub --
On 9/7/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
problem is inline divs with dimensions that collapse when div is set to
display inline -
Of course they do - they are supposed to.
i'm assuming that inline elements can't have specified widths and heights -
is this true - ?
Pretty much,
On Sep 8, 2006, at 9:33 AM, [EMAIL PROTECTED] wrote:
problem is inline divs with dimensions that collapse when div is
set to
display inline -
- http://www.fatgraffix.com/testing/test_03-inlinedivs/
i'm assuming that inline elements can't have specified widths and
heights -
is this
On 9/7/06, Wes Gamble [EMAIL PROTECTED] wrote:
I saw a comment on the list recently that the SPAN tag was obsolete.
Can anyone explain how that is?
It isn't. It is however much abused and often used when another
semantic tag would do a lot better IMO. span style=font-weight:
bold;xxx/span
On Sep 8, 2006, at 12:37 AM, Brian Cummiskey wrote:
I have a menu that is floated, and the only way it renders
correctly in
ie6 is if it gets a hasLayout attribute. I added display: inline-
block
to the container div, and all is well. except, it doesn't
validate.
If that menu is
On 06/09/08 08:21 (GMT+0900) Philippe Wittenbergh apparently typed:
On Sep 8, 2006, at 4:03 AM, richard n wrote:
In the site I'm creating I've set up the fonts for the Body tag
like so:
'font: small Gill Sans Light, Gill Sans, Trebuchet MS,
Helvetica, Arial, sans-serif;'
(I believe
Wes Gamble wrote:
I saw a comment on the list recently that the SPAN tag was obsolete.
Can anyone explain how that is?
It isn't. Using a span is a great way to hang a class or contextual
style on an inline element inside a paragraph or list item, for example.
p class=foosome text here is
Donna,
Thanks. I understand how span works. Just wanted to here how they had
been obsoleted :). I guess that I misunderstood the statement.
Wes
Donna Casey wrote:
Wes Gamble wrote:
I saw a comment on the list recently that the SPAN tag was obsolete.
Can anyone explain how that is?
Donna,
Thanks. I understand how span works. Just wanted to here how they had
been obsoleted :). I guess that I misunderstood the statement.
Wes
Donna Casey wrote:
Wes Gamble wrote:
I saw a comment on the list recently that the SPAN tag was obsolete.
Can anyone explain how that is?
I've created a print.css that does what I want most of the time.
However, every now and then I end up with empty pages. Does anyone know
of a trick I could use to loose at least the last empty page? I've
searched high and low, but I can't find something workable.
Sorry, no time to
Philippe Wittenbergh wrote:
If that menu is floated, it already 'hasLayout' [1]
I suspect something else is going on with it.
Do you have a sample url ?
No sample URL to post right now, but Here's the basic markup and css:
div id=wrapper
mast head///
div id=navbar
ul
Hi,
Can you please check
http://www.tarotcardcombinations.com/
Also can someone tell me why I am getting those warnings in the CSS
validatorespecially with CntBody...because it has a background color in
it... and how to solve it..
Thanks for the feedback
Thanks
PWPaust
Hi,
Please do not check the site, it is too big for 800x600 res
I will fix it and then ask again.
Sorry for the inconvenience
Thanks
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2
On Sep 8, 2006, at 1:28 PM, Brian Cummiskey wrote:
Philippe Wittenbergh wrote:
If that menu is floated, it already 'hasLayout' [1]
I suspect something else is going on with it.
Do you have a sample url ?
No sample URL to post right now, but Here's the basic markup and css:
[snip]
Hi,
I have fixed the site for 800x600
It was easier then what I first thought it to be, I just had to remove 2 px off
everything in the stylesheet
Once again could I please ask for www.TarotCardCombinations.com to be checked
and could somone please explain why I am getting the warnings in
Professional Web Pages - Information wrote:
Hi,
Can you please check
http://www.tarotcardcombinations.com/
Also can someone tell me why I am getting those warnings in the CSS
validatorespecially with CntBody...because it has a background color in
it... and how to solve it..
- Original Message -
From: Professional Web Pages - Information [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Friday, September 08, 2006 12:50 AM
Subject: [css-d] Site Check again please
Hi,
I have fixed the site for 800x600
It was easier then what I first thought it to
Aha.
#navbar is not floated. And yes it better has 'layout' in order to
contain and constrain the floated ul inside of it.
options as 'layout triggers': width, height, zoom:1,
Zoom:1 is probably the best option: hidden from other browsers, and
will work for both IE 6 and 7.
If you
Is there a way to scale the font size as the window size increases? I am
working on an elastic layout that works fin when the browser window is
increased and reduced, however, the fonts do not increase or decrease in
size so I end up with blank space when the window size is big and
over-flowed
74 matches
Mail list logo