Re: [WSG] IE5 Mac-friendly drop down menus
There are two reasons we changed over to using window.attachEvent. Firstly, its
is a IE only method so in effect it does its own branching for IE and secondly,
you can add multiple events on the same handler which means you could lump
several functions onto the onload handler rather than just the one. So in
short, it's a little bit neater but its nothing you can't get around. If you
need to run other functions on window.onload just do sommat like this:
window.onload = function() {
sfHover();
otherThing();
anotherThing();
}
When I get a chance I'll put a note about this on the article as a fair amount
of people have brought it up and the answer is buried in the article comments.
Cheers,
Dan
Quoting Kay Smoljak [EMAIL PROTECTED]:
awesome - thanks so much! Does that change have any negative side-effects?
On Mon, 28 Jun 2004 09:27:32 +0100, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
You can make the suckerfish dropdowns work on IE5 Mac by using
window.onload to
trigger the suckerfish function rather than window.attachEvent
So you can use
if (document.all document.getElementById) window.onload = sfHover;
instead of
if (window.attachEvent) window.attachEvent(onload, sfHover);
That should get it to work. We found this out very shortly after we
published
the articles. Sorry about that, we don't have much access to Macs to
test.
Cheers,
Dan
Quoting Kay Smoljak [EMAIL PROTECTED]:
Hi,
We've got a client who uses Macs exclusively. Our fave dropdown menu
of the moment, Son of Suckersfish, does not work in IE5 Mac.
The client is also maintaining the site using Contribute, and our
old-school brute force JavaScript dropdowns (CoolMenus) don't play
nicely with Contribute.
The original Suckerfish menus *do* work in IE5 Mac, but we need to
have a solution where the top level stays highlighted while the
submenus are being rolled over. We can do this with ugly old-school
JavaScript mouseovers, but it's an ugly bloated solution and I'd
really prefer something a bit cleaner.
Anyone have any other ideas?
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] How to insert QuickTime on website and validate like XHTML?
A solution very good to avoid embed tag. But to fulfill the norms of WAI accessibility I must have an alternative auditory description, and when putting it like Techniques for Web Content Accessibility Guidelines 1.0 they simultanealy leave the MOV and the WAV to me. Some solution? One assumes that the WAV leaves if the MOV cannot be loaded. I try to avoid the display of the WAV using param name=hidden value=true /, but it not make any change. To see what I am doing: www.auskalo.com/imasce/comptos/test.html McCain Try the Standards Compliant method to add Quicktime movies to pages http://realdev1.realise.com/rossa/rendertest/quicktime.html and be sure to check out the browser tests chart: http://realdev1.realise.com/rossa/rendertest/quicktime.html#update cheers dez In one of websites which I am doing I must put virtual visits done in QuickTime. If I use EMBED to see the visits in not-IE navigators, website will not validated like XHTML. Some solution? I already know the solutions for the Flash like Flash Satay, but I don't know how apply it to a QuickTime. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Site Check - Firefox flicker problem
Hi Avril, The problem was due to having all my divs floated left in the one containing div and relying on the containing div's width to make them wrap, forcing them down into position. Over the weekend, I split the content into two divs. Top and Bottom rows. I believe that separating out the content so that the divs were no longer dependant on each other fixed the problem. This sort of makes sense to me but I feel Ive expressed it poorly. Cheers Pete On Mon, 28 Jun 2004 09:50:52 +1000, Avril Bowie [EMAIL PROTECTED] wrote: Hi Peter, I can confirm that your site's menu was flickering in firefox 0.8 last Monday when I first looked at it, but this morning it isn't. Have you fixed the problem? I was having the same problem on a site I'm working on and was curious how you got around the problem. Thanks -Avril -Part of Original Message- I've used the suckerfish menu, but am having a wierd flashing effect on rollover in firefox 8 pc. The content from the grey box at the bottom appears to flash over the menu? Any comments or suggestions would be great. The page is at: http://www.productseven.com.au/domestik04/index.html and the css: http://www.productseven.com.au/domestik04/styles.css Pete * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * -- -- ciao bella * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] The Melbourne meeting tonight
A big thanks to everyone who turned up to the Melbourne WSG meeting tonight. We had 24 people turn up, which is a record for the Melbourne meetings. Our diverse range of standards afficiondos included two people who drove down from Ballarat (thanks guys - I really should learn to remember everyone's names - you know who you are) and even a member of WASP (thanks Steph). Cameron Adams gave us a fascinating talk about his design process and techniques, and gave us a sneak preview of the new The Man in Blue site, which really pushes the boundaries of standards based XHTML/CSS design. Great stuff Cam! We met lots of talented, friendly, like minded people, ate, drank, and talked about some of us getting up to Web Essentials in Sydney if we can. All in all, it was a good night and we look forward to doing it again. There was some talk about making the event monthly rather than two-monthly, so we will be in touch with the Melbourne members to feel that out. Thanks again to everyone who turned up. Regards, David McDonald Web Designer http://www.davidmcdonald.org * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] comments on redesigned www.collovet.com.au pls
Still looks like there's a few unnecessary tables in there - namely the ones you are using to hold the images within the content. What is this: span class=emphasise ? Use em and style using CSS Just one minor warning when validating your CSS -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Neerav Sent: Monday, 28 June 2004 5:43 PM To: WSG Subject: [WSG] comments on redesigned www.collovet.com.au pls Any comments about http://www.collovet.com.au/ would be appreciated I have just stripped out a lot of tables and old style code and replaced them with css menus and styling. It should work in IE, Mozilla, Opera and Safari 1.2 degrading gracefully for older versions (fingers crossed) -- Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy Mobile: +61 (0)403 8000 27 http://www.bookcrossing.com/mybookshelf/neerav * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] 100% height columns - problems again
Hello. Never managed to make left and right columns with 100% height. Please take a look here: http://seoed.cpea.ro/seo-terms-glossary and tell me if you have some ideas. CSS files: http://seoed.cpea.ro/stylesheets/left.css http://seoed.cpea.ro/stylesheets/right.css http://seoed.cpea.ro/stylesheets/content.css Regards, Razvan Pop http://www.seoed.com http://compliant-websites.seoed.com - Standards Compliant Websites Directory * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] CSS Block Element Probs...
Hey Everyone, www.neester.com is what I am working on. I just made a new stylesheet for the site. I just need some help with the DIVs... Its a big issue at the moment. I have right floated Navigation... the Content, is just a DIV which is by default a BLOCK element, and therefore uses all teh size it has avalible. Now... TEXT Wraps fine around the right nav... But Borders and hr's etc... are a different story... I cant seem to find a nice width to set the content div at... Because it seems Mozilla has made the navigation panel a lot wider than IE... at the moment it wasnt an issue, until I wanted to have the panel there... I think I am rambling on now... well... ANY help is GREATLY appreciated! LINK: http://www.neester.com STYLESHEET: http://www.neester.com/styles/ocean/ocean.css
[WSG] A question about names
I need some clarification if possible before I get too involved in re-building some forms. As far as I know, the name attribute for creating anchor tags is being depricated. Is that the same for our forms? If I am using an input or selector, should I only use an id attribute or should I continue using the name as well? Thanks Ted * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] As Good As the Weakest Link
Hi,
When styling a group of links one can simply change the display of the
a:link and a:visited state to display block, making a simply line of
links into a list. What is the advantage of using a ol for links as
opposed to the aforementioned, if any?
#navbar a:link, #navbar a:visited {
display: block;
color: #7e7e7e;
background-color: #ff;
border-bottom: solid 1px #00;
padding-bottom: 3px;
padding-top: 3px;
}
Complexity is good, complicated is bad.
Paolo Soleri
Chris
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] As Good As the Weakest Link
ol gives your links the number 1, 2, 3, etc.
On this line, how do I change it to A, B, C, a, b, c, etc.
Ted
-Original Message-
From: ckimedia [mailto:[EMAIL PROTECTED]
Sent: Monday, June 28, 2004 4:10 PM
To: [EMAIL PROTECTED]
Subject: [WSG] As Good As the Weakest Link
Hi,
When styling a group of links one can simply change the display of the
a:link and a:visited state to display block, making a simply line of
links into a list. What is the advantage of using a ol for links as
opposed to the aforementioned, if any?
#navbar a:link, #navbar a:visited {
display: block;
color: #7e7e7e;
background-color: #ff;
border-bottom: solid 1px #00;
padding-bottom: 3px;
padding-top: 3px;
}
Complexity is good, complicated is bad.
Paolo Soleri
Chris
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
[WSG] Looking for help and critiques on a new site
Hi guys, I have a new site that I'm working on for a client and am doing my best to make it as standards-driven as possible. So aside from having a look and telling me how I've done so far, I'd also like some help in fixing a couple of little glitches that are annoying the heck out of me. The first issue is that in the plain HTML prototype that I created, the left and centre columns sat up against the top of the window like they are supposed to. I then added a bunch of Cold Fusion code to start making the site dynamic as it needs to be, and now these two columns have bumped down a fair amount. The funny thing it, it's not everything that has bumped down in the left-hand column - the logo space at the top used to have a gap between it and the next box in the column, and now it's as if this gap has simply moved to the top (i.e., the logo has moved down, but the box below it hasn't). Can anyone suggest why this is happening? The second problem is with the last box in the left-hand column. I want to give it rounded corners like the ones above it, but unlike the ones above it which are of a fixed size, this last box will contain a variable amount of text. So I tried using the Custom Corners II article on A List Apart, since it deals with putting rounded corners on boxes that sit on gradient backgrounds, but I can't seem to make it work without breaking the rest of the design. Can someone suggest a way that it can be done? Or will I just have to abandon that design idea? The final problem is when I try and validate the page. Everything validates, except the JavaScript for the menus. Now, this JavaScript is taken directly from the Son of Suckerfish so I was surprised to find that it was coming up with validation errors. Has anyone else had this problem? If so, did you manage to fix it? Or is this just something that one can live with provided that the rest of the page validates? Anyway, the page can be seen at: http://216.119.123.23 It's still very much under construction, so most of the links don't work yet - just a warning. :) The css is at: http://216.119.123.23/_styles/sample.css And for anyone who wants to compare it with the original prototype to figure out a way around my first problem, this is available at: http://homepages.ihug.com.au/~mikebell/swanstr2 So, help, advice and critiques are greatly welcomed. Cheers, Seona. __ ella for Spam Control has removed Spam messages and set aside Later for me You can use it too - and it's FREE! http://www.ellaforspam.com --- Outgoing mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.710 / Virus Database: 466 - Release Date: 23/06/2004 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] A question about names
Ted Drake wrote: As far as I know, the name attribute for creating anchor tags is being depricated. Is that the same for our forms? If I am using an input or selector, should I only use an id attribute or should I continue using the name as well? Not just anchors, but for almost all elements. Other than label form controls are the exception. http://www.w3.org/TR/xhtml1/#h-4.10 http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_extformsmodule * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] As Good As the Weakest Link
Hi, I meant ul, and I too agree that semantically the list seems more sound. Thanks. C On Monday, June 28, 2004, at 05:05 PM, Mordechai Peller wrote: ckimedia wrote: When styling a group of links one can simply change the display of the a:link and a:visited state to display block, making a simply line of links into a list. What is the advantage of using a ol for links as opposed to the aforementioned, if any? ul is actually more common, and usually the better, more logical, choice. Besides giving more hooks for CSS, it connects the links together semantically. As far as ol versus ul is concerned, the answer to that is a separate discussion which has nothing to do with links. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] As Good As the Weakest Link
I believe its because, when you style it in CSS.
And make the LINKS, BLOCK ELEMENTS - without using ul's.
Without the stylesheet, the links will bunch up without any spaces or gaps.
So you use a ul and li's - just for the fact that it will be
backwards compatable with browsers which dont support CSS, and also its
just better formatted when you view your code... - thats my opinion...
:)
Ted Drake wrote:
ol gives your links the number 1, 2, 3, etc.
On this line, how do I change it to A, B, C, a, b, c, etc.
Ted
-Original Message-
From: ckimedia [mailto:[EMAIL PROTECTED]
Sent: Monday, June 28, 2004 4:10 PM
To: [EMAIL PROTECTED]
Subject: [WSG] As Good As the Weakest Link
Hi,
When styling a group of links one can simply change the display of the
a:link and a:visited state to display block, making a simply line of
links into a list. What is the advantage of using a ol for links as
opposed to the aforementioned, if any?
#navbar a:link, #navbar a:visited {
display: block;
color: #7e7e7e;
background-color: #ff;
border-bottom: solid 1px #00;
padding-bottom: 3px;
padding-top: 3px;
}
Complexity is good, complicated is bad.
Paolo Soleri
Chris
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] 100% height columns - problems again
Quoting a recent post of mine on
http://www.webxpertz.net/forums/showthread.php?t=29509:
A 100% height table is 100% of the body. And the body is smaller then the
screen, so the table goes up to the bodys size.
Now, if you want a table to fill the whole screen, you must define 100%
height of the screen for all the containers. The container of the table is
the body, the container of the body is your html.
So if you declare on the head of the document:
style type=text/css
html,body { margin: 0; padding: 0; height: 100%; }
/style
you'll be able to center your design.
(You can add that right after your Mozilla only declarations in the contents
css)
You can get more info in: http://www.quirksmode.org/ on CSS under Tasks.
Hope it helps,
Isabel Santos
- Original Message -
From: Razvan Pop [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Monday, June 28, 2004 3:58 PM
Subject: [WSG] 100% height columns - problems again
Hello.
Never managed to make left and right columns with 100% height.
Please take a look here:
http://seoed.cpea.ro/seo-terms-glossary
and tell me if you have some ideas.
CSS files:
http://seoed.cpea.ro/stylesheets/left.css
http://seoed.cpea.ro/stylesheets/right.css
http://seoed.cpea.ro/stylesheets/content.css
Regards,
Razvan Pop
http://www.seoed.com
http://compliant-websites.seoed.com - Standards Compliant Websites
Directory
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] As Good As the Weakest Link
Well you use lists because that's what navigation is, a list of links.
To give them letters, use the CSS property:
list-style-type:lower-alpha;
on your li elements.
Chris Stratford wrote:
I believe its because, when you style it in CSS.
And make the LINKS, BLOCK ELEMENTS - without using ul's.
Without the stylesheet, the links will bunch up without any spaces or
gaps.
So you use a ul and li's - just for the fact that it will be
backwards compatable with browsers which dont support CSS, and also
its just better formatted when you view your code... - thats my
opinion...
:)
Ted Drake wrote:
ol gives your links the number 1, 2, 3, etc.
On this line, how do I change it to A, B, C, a, b, c, etc. Ted
-Original Message-
From: ckimedia [mailto:[EMAIL PROTECTED]
Sent: Monday, June 28, 2004 4:10 PM
To: [EMAIL PROTECTED]
Subject: [WSG] As Good As the Weakest Link
Hi,
When styling a group of links one can simply change the display of
the a:link and a:visited state to display block, making a simply
line of links into a list. What is the advantage of using a ol for
links as opposed to the aforementioned, if any?
#navbar a:link, #navbar a:visited {
display: block;
color: #7e7e7e;
background-color: #ff;
border-bottom: solid 1px #00;
padding-bottom: 3px;
padding-top: 3px;
}
Complexity is good, complicated is bad.
Paolo Soleri
Chris
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
--
Rob Miller
http://robm.kicks-ass.net/ | http://blog.robm.kicks-ass.net/
begin:vcard
fn:Rob Miller
n:Miller;Rob
email;internet:[EMAIL PROTECTED]
note;quoted-printable:Head developer of hazeCMS=0D=0A=
http://robm.kicks-ass.net/
x-mozilla-html:TRUE
url:http://robm.kicks-ass.net
version:2.1
end:vcard
Re: [WSG] As Good As the Weakest Link
It is also important to use proper markup for lists (and every other element) to
ensure accessibility compliance, see WCAG checkpoint 3.5
http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-list-structure.
cheers
Iza
[EMAIL PROTECTED] 29/06/04 12:01
I believe its because, when you style it in CSS.
And make the LINKS, BLOCK ELEMENTS - without using ul's.
Without the stylesheet, the links will bunch up without any spaces or gaps.
So you use a ul and li's - just for the fact that it will be
backwards compatable with browsers which dont support CSS, and also its
just better formatted when you view your code... - thats my opinion...
:)
Ted Drake wrote:
ol gives your links the number 1, 2, 3, etc.
On this line, how do I change it to A, B, C, a, b, c, etc.
Ted
-Original Message-
From: ckimedia [mailto:[EMAIL PROTECTED]
Sent: Monday, June 28, 2004 4:10 PM
To: [EMAIL PROTECTED]
Subject: [WSG] As Good As the Weakest Link
Hi,
When styling a group of links one can simply change the display of the
a:link and a:visited state to display block, making a simply line of
links into a list. What is the advantage of using a ol for links as
opposed to the aforementioned, if any?
#navbar a:link, #navbar a:visited {
display: block;
color: #7e7e7e;
background-color: #ff;
border-bottom: solid 1px #00;
padding-bottom: 3px;
padding-top: 3px;
}
Complexity is good, complicated is bad.
*Paolo Soleri
Chris
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] CSS Block Element Probs...
Chris,
From a quick look, you seem have two problems - the box model issue and a
border issue:
1. IE misinterprets the box model so your navigation div appears thinner
in this browser compared to other browsers.
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
There are many ways to fix this as has been discussed on the list. One
method to fix this in IE6 is to remove the xml prolog (which is apparently
the incorrect term now) so that this browser operates in standards
compliance mode, and correctly renders the box model.
2. Borders and background colours will always flow under a floated item -
even if text does not.
While content will wrap around a floated element, border, background image
and background color will extend underneath.
http://css.maxdesign.com.au/floatutorial/introduction.htm
To solve this you could put a background colour on the navigation div or set
the content with a margin so that it does not flow under the nav at all.
Something like:
div#content
{
padding: 10px;
margin-right: 160px; /* new rule here */
}
HTH
Russ
Hey Everyone,
www.neester.com http://www.neester.com is what I am working on.
I just made a new stylesheet for the site.
I just need some help with the DIVs...
Its a big issue at the moment.
I have right floated Navigation...
the Content, is just a DIV which is by default a BLOCK element, and therefore
uses all teh size it has avalible.
Now... TEXT Wraps fine around the right nav...
But Borders and hr's etc... are a different story...
I cant seem to find a nice width to set the content div at...
Because it seems Mozilla has made the navigation panel a lot wider than IE...
at the moment it wasnt an issue, until I wanted to have the panel there...
I think I am rambling on now...
well...
ANY help is GREATLY appreciated!
LINK: http://www.neester.com
STYLESHEET: http://www.neester.com/styles/ocean/ocean.css
The Australian Museum.
Australia's first - and leading - natural sciences and anthropology
museum. Visit www.amonline.net.au
The views in this email are those of the user and do not necessarily
reflect the views of the Australian Museum. The information contained in
this email message and any accompanying files is or may be confidential
and is for the intended recipient only. If you are not the intended
recipient, any use, dissemination, reliance, forwarding, printing or
copying of this email or any attached files is unauthorised. If you are
not the intended recipient, please delete it and notify the sender.The
Australian Museum does not guarantee the accuracy of any information
contained in this e-mail or attached files. As Internet communications
are not secure, the Australian Museum does not accept legal
responsibility for the contents of this message or attached files.
Re: [WSG] CSS Block Element Probs...
Ahhh great thanks russ...
What I will do is, remove the XML bit...
then change the css, and see how it looks then!
:)
Thanks a lot!
- Chris Stratford
russ - maxdesign wrote:
Chris,
From a quick look, you seem have two problems - the box model issue and a
border issue:
1. IE misinterprets the box model so your "navigation" div appears thinner
in this browser compared to other browsers.
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
There are many ways to fix this as has been discussed on the list. One
method to fix this in IE6 is to remove the xml prolog (which is apparently
the incorrect term now) so that this browser operates in standards
compliance mode, and correctly renders the box model.
2. Borders and background colours will always flow under a floated item -
even if text does not.
"
While content will wrap around a floated element, border, background image
and background color will extend underneath."
http://css.maxdesign.com.au/floatutorial/introduction.htm
To solve this you could put a background colour on the navigation div or set
the content with a margin so that it does not flow under the nav at all.
Something like:
div#content
{
padding: 10px;
margin-right: 160px; /* new rule here */
}
HTH
Russ
Hey Everyone,
www.neester.com http://www.neester.com is what I am working on.
I just made a new stylesheet for the site.
I just need some help with the DIVs...
Its a big issue at the moment.
I have right floated Navigation...
the Content, is just a DIV which is by default a BLOCK element, and therefore
uses all teh size it has avalible.
Now... TEXT Wraps fine around the right nav...
But Borders and hr's etc... are a different story...
I cant seem to find a nice width to set the content div at...
Because it seems Mozilla has made the navigation panel a lot wider than IE...
at the moment it wasnt an issue, until I wanted to have the panel there...
I think I am rambling on now...
well...
ANY help is GREATLY appreciated!
LINK: http://www.neester.com
STYLESHEET: http://www.neester.com/styles/ocean/ocean.css
The Australian Museum.
Australia's first - and leading - natural sciences and anthropology
museum. Visit www.amonline.net.au
The views in this email are those of the user and do not necessarily
reflect the views of the Australian Museum. The information contained in
this email message and any accompanying files is or may be confidential
and is for the intended recipient only. If you are not the intended
recipient, any use, dissemination, reliance, forwarding, printing or
copying of this email or any attached files is unauthorised. If you are
not the intended recipient, please delete it and notify the sender.The
Australian Museum does not guarantee the accuracy of any information
contained in this e-mail or attached files. As Internet communications
are not secure, the Australian Museum does not accept legal
responsibility for the contents of this message or attached files.
[WSG] Web Design Price Web Design Development - Document
Hello Guys, I need your information about web design price and web design/dev document... Or where I can found it ? Thanks in advanced. Regards, V. Karwur --- = -- Viking Karwur. New Media Designer, vikingkarwur.com [p] +62-815-9170755 [w] www.vikingkarwur.com Yahoo! Messenger - Communicate instantly...Ping your friends today! Download Messenger Now http://uk.messenger.yahoo.com/download/index.html * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
