[WSG] Float causing footer text to drop?
Have added a floated box to main content area and this seems to have caused the footer text to drop out of the footer and sit beneath it. I can't see where to correct this. Have tried to clear it but obviously not putting it in the right place. Any advice would be appreciated. www.mwg.green.net.au/testpages/copycards.html www.mwg.green.net.au/testpages/copytherest.css Thanks Lyn ** 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 drop-down menus
Or you can try: object type=application/x-shockwave-flash data=banner.swf width=250 height=50 param name=movie value=banner.swf / param name=quality value=high param name=bgcolor value=#ff param name=wmode value=transparent img src=banner.jpg width=250 height=50 alt=banner /object See param name wmode! In action at teste.iqmp.ro/romdata/ ** 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] Re: IE6 + float bug
apologies to bother thee crew... was just an extra float in the center column that was throwing it out. have a great sunday night! Benvlio p.s. the silent is the master of the hasty Ben Webster Conversant Studios www.conversantstudios.com.au On Sun, 31 Oct 2004 19:57:46 +1100, Conversant Studios [EMAIL PROTECTED] wrote: Hey there crew, hope you're all well. I'm gettin a strange manifestation of an IE6 (Win 200 // Win XP) bug with a site I'm recoding for some organic SEO. Go here for the damage: http://conversantstudios.com.au/wn/v12/index_03.html Anyone got any ideas? Let me know, Benvolio -- Ben Webster Conversant Studios www.conversantstudios.com.au ** 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] Float causing footer text to drop?
Hi Lyn,
It's not the float which is causing the footer to drop, it's this rule:
p { margin-top: 5em;}
Set that to 0 and you'll find the footer text moves right back to where
you want it.
Cheers,
Mike
On Sunday, October 31, 2004, at 07:00 PM, Lyn Patterson wrote:
Have added a floated box to main content area and this seems to have
caused the footer text to drop out of the footer and sit beneath it.
I can't see where to correct this. Have tried to clear it but
obviously not putting it in the right place. Any advice would be
appreciated.
www.mwg.green.net.au/testpages/copycards.html
www.mwg.green.net.au/testpages/copytherest.css
Thanks
Lyn
**
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] Accessibility evaluation practices - online survey
[Apologies for cross-posting] I'm interested in learning more about the ways in which accessibility practitioners (of all shapes and sizes) approach web accessibility evaluation. To this end I've set up an online survey that I hope those of you working in this area will take the time to complete. I will summarise the results and make them available to the list. Cheers, Dey ** 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] Accessibility evaluation practices - online survey
And now I will engage my brain and include the URL to the survey: http://deyalexander.com/survey.html Cheers, Dey ** 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] Margin Madness
Hi,
In the following css snippet each attempt at giving div#header a
margin-top of 7.5em from the container; results in the container div
moving an additional 7.5em from the top of the viewport, what am I
missing? Is this the margin collapsing gremlin at work?
style type=text/css media=screen,projection
/* ckimedia winter layout - ckimedia.com */
/* You may adapt elements of this CSS in your own projects, but the
unique combination of images, colors, sizes, typography, and
positioning (the design) is copyright 2004 ckimedia.com and may not
be reproduced. */
/* core values */
area,
base,
basefont,
head,
meta,
script,
style,
title,
noembed,
noscript,
param
{
display: none;
}
* {
margin: 0;
padding: 0;
}
body{
background: #696969 url(i/grad_back.jpg) fixed repeat-x;
font: 90%/1.4em new century schoolbook, serif;
}
div#container {
margin: 10px auto;
width: 600px; /* width of the overall page */
height: 700px;
text-align: left;
background: #5A6995 url(i/bbg.gif) top right no-repeat;
}
div#header{
position: relative;
background-color: transparent;
border: 1px solid black;
}
div#header p{
background-color: transparent;
}
div#column1 {
float : left;
width : 45%;
background-color: transparent;
border: 1px solid black;
}
div#column2 {
float : right;
width : 45%;
background-color: transparent;
border: 1px solid black;
}
div#footer{
background-color: transparent;
border: 1px solid black;
clear: both;
}
/style
/head
body
div id=container
div id=headerpThis is the header./p/div
div id=column1This is column 1/div
div id=column2This is column 2/div
div id=footerThis is the Footer./div
/div
/body
/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
**
Re: [WSG] Margin Madness
Haven't looked closely but have you tried adding a border to the following
rule set to see if it is actually working, just not showing properly:
div#container
{
margin: 10px auto;
width: 600px;
height: 700px;
text-align: left;
background: #5A6995 url(i/bbg.gif) top right no-repeat;
border: 1px solid red; /* to highlight container */
}
The red border will highlight the div#container and possibly show that the
margin is working on div#header
Russ
Hi,
In the following css snippet each attempt at giving div#header a
margin-top of 7.5em from the container; results in the container div
moving an additional 7.5em from the top of the viewport, what am I
missing? Is this the margin collapsing gremlin at work?
style type=text/css media=screen,projection
/* ckimedia winter layout - ckimedia.com */
/* You may adapt elements of this CSS in your own projects, but the
unique combination of images, colors, sizes, typography, and
positioning (the design) is copyright 2004 ckimedia.com and may not
be reproduced. */
/* core values */
area,
base,
basefont,
head,
meta,
script,
style,
title,
noembed,
noscript,
param
{
display: none;
}
* {
margin: 0;
padding: 0;
}
body{
background: #696969 url(i/grad_back.jpg) fixed repeat-x;
font: 90%/1.4em new century schoolbook, serif;
}
div#container {
margin: 10px auto;
width: 600px; /* width of the overall page */
height: 700px;
text-align: left;
background: #5A6995 url(i/bbg.gif) top right no-repeat;
}
div#header{
position: relative;
background-color: transparent;
border: 1px solid black;
}
div#header p{
background-color: transparent;
}
div#column1 {
float : left;
width : 45%;
background-color: transparent;
border: 1px solid black;
}
div#column2 {
float : right;
width : 45%;
background-color: transparent;
border: 1px solid black;
}
div#footer{
background-color: transparent;
border: 1px solid black;
clear: both;
}
/style
/head
body
div id=container
div id=headerpThis is the header./p/div
div id=column1This is column 1/div
div id=column2This is column 2/div
div id=footerThis is the Footer./div
/div
/body
/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
**
Thanks
Russ
---
Russ Weakley
Max Design
Phone: (02) 9410 2521
Mobile: 0403 433 980
Email: [EMAIL PROTECTED]
http://www.maxdesign.com.au
---
**
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] Margin Madness
The red border will highlight the div#container and possibly show that the margin is working on div#header I forgot to add that if this is the case, you are seeing margin trapping at work. Previously discussed on-list: http://www.mail-archive.com/[EMAIL PROTECTED]/msg06982.html R ** 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] Margin Madness
Hi, After removing the border the problem returned. So included a padding-top of 5em; on the container div, is this the correct course of action, as it seemed to work in accordance to the article. C On Sunday, October 31, 2004, at 02:02 PM, russ - maxdesign wrote: The red border will highlight the div#container and possibly show that the margin is working on div#header I forgot to add that if this is the case, you are seeing margin trapping at work. Previously discussed on-list: http://www.mail-archive.com/[EMAIL PROTECTED]/msg06982.html R ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Imagination is more important than knowledge. -Albert Einstein Chris Kennon Principal ckimedia (www.ckimedia.com) ph: (619)429-3258 fax: (619)429-3258 e-mail: ([EMAIL PROTECTED]) ** 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] Observing Users Who Work With Screen Readers
Interesting observational study of screen reader users (PDF) Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers http://www.redish.net/content/papers/InteractionsPaperAuthorsVer.pdf with regards Steven Faulkner Web Accessibility Consultant National Information Library Service (NILS) 454 Glenferrie Road Kooyong Victoria 3144 Phone: (613) 9864 9281 Fax: (613) 9864 9210 Email: [EMAIL PROTECTED] National Information Library Service A subsidiary of RBS.RVIB.VAF Ltd. ** 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] Observing Users Who Work With Screen Readers
sorry forgot to say that it is a big file - 904kb Interesting observational study of screen reader users (PDF) with regards Steven Faulkner Web Accessibility Consultant National Information Library Service (NILS) 454 Glenferrie Road Kooyong Victoria 3144 Phone: (613) 9864 9281 Fax: (613) 9864 9210 Email: [EMAIL PROTECTED] National Information Library Service A subsidiary of RBS.RVIB.VAF Ltd. [EMAIL PROTECTED] alia.org.auTo: [EMAIL PROTECTED] Sent by: cc: [EMAIL PROTECTED] Subject: [WSG] Observing Users Who Work With Screen Readers 01/11/2004 10:04 AM Please respond to wsg Interesting observational study of screen reader users (PDF) Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers http://www.redish.net/content/papers/InteractionsPaperAuthorsVer.pdf with regards Steven Faulkner Web Accessibility Consultant National Information Library Service (NILS) 454 Glenferrie Road Kooyong Victoria 3144 Phone: (613) 9864 9281 Fax: (613) 9864 9210 Email: [EMAIL PROTECTED] National Information Library Service A subsidiary of RBS.RVIB.VAF Ltd. ** 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] Margin Madness
There are a few ways around it. That is one (although it should be 7.5em?). Another is to add a 1px border of the same colour as the container - depends on your need. Hi, After removing the border the problem returned. So included a padding-top of 5em; on the container div, is this the correct course of action, as it seemed to work in accordance to the article. ** 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] Margin Madness
On Sun, 31 Oct 2004 15:05:01 -0800, Chris Kennon wrote: After removing the border the problem returned. So included a padding-top of 5em; on the container div, is this the correct course of action, as it seemed to work in accordance to the article. I don't know how hacky it is as a hack, but i have had a couple of layouts where I couldn't get it to work without defining a border - so I defined a border to match the background colour. hacky... but it got the job done. :( Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia ** 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] Margin Madness
Another is to add a 1px border of the same colour as the container - depends on your need. Or even border:1px solid transparent; Andrew http://leftjustified.net/ ** 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] Observing Users Who Work With Screen Readers
Thanks Steven, this is a great resource. cheers, Terrence Wood. On 2004-11-01 12:04 PM, [EMAIL PROTECTED] wrote: Interesting observational study of screen reader users (PDF) Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers http://www.redish.net/content/papers/InteractionsPaperAuthorsVer.pdf ** 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] Observing Users Who Work With Screen Readers
Thanks Steven. This is a great Weekend article :D Read it and like it. -- Atentamente, Jorge Laranjo email [EMAIL PROTECTED] site http://lesi.host.sk/fueg0/ msn [EMAIL PROTECTED] aim [EMAIL PROTECTED] jabber [EMAIL PROTECTED] On 2004-11-01 12:04 PM, [EMAIL PROTECTED] wrote: Interesting observational study of screen reader users (PDF) Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers http://www.redish.net/content/papers/InteractionsPaperAuthorsVer.pdf ** 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] Margin Madness
Hi, I was hoping this one would work, as I gave it a try also. :) On Sunday, October 31, 2004, at 03:55 PM, Andrew Krespanis wrote: border:1px solid transparent; Imagination is more important than knowledge. -Albert Einstein Chris Kennon Principal ckimedia (www.ckimedia.com) ph: (619)429-3258 fax: (619)429-3258 e-mail: ([EMAIL PROTECTED]) ** 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] using em widths in IE 5.5
Hi guys, I have been using em-units for different widths in one of my latest websites (203.17.179.45 - you have to click past the initial CM3 screen) and everything worked fine in IE 6 as well as Opera and Mozilla, until I went and checked it in IE 5.5. It seems 5.5 interprets the width of an EM slightly different? If you roll over the menu items you will see what I mean. Any idea how to fix this problem without applying hacks? You will notice my menu.css is already way too big as it is and I will have to reduce it ASAP without adding hacks everywhere. Thanks for the help. Andreas Boehmer User Experience Consultant Phone: (03) 9417 0468 Mobile: (0411) 097 038 http://www.addictiveMedia.com.au Consulting | Accessibility | Usability | Development ** 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 drop-down menus
That's correct - embeded (with the embed tag) content does always appear on top. However, for browsers that make use of the object tag - IE for example, you can do this by including an extra param tag in your object tag as follows: param name=wmode value=transparent -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jeremy Keith Sent: Sunday, 31 October 2004 4:50 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] CSS drop-down menus Shane Helm asked: I am about to start a project that I am going to use CSS drop-down menus at the very top of the web page. Directly below the menu bar will be a banner bar that will be done in Flash. So before I begin, will the CSS drop-down menus drop down over the Flash banner correctly? No. Embedded content (Flash, Quicktime, etc.) always appears above other content, regardless of z-index. -- Jeremy Keith a d a c t i o http://adactio.com ** 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] Duplicate navigation?
Hi all, I'm wondering if this is possible: to have content inside of a div displayed in two places on my page? That is, to specify some content once only, but have it display twice on a single page? Is it possible? If so, is it sematicly correct? My use for this is navigation. It would mean I could specify my navigation in one place i.e. div id=navigation.../div and have it display once under my branding at the top of the page, and again at the bottom of the page, using a class to change the way it displays. Ta, Ben. ** 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] Duplicate navigation?
On Mon, 01 Nov 2004 17:11:38 +1000, Ben Hamilton [EMAIL PROTECTED] wrote: I'm wondering if this is possible: to have content inside of a div displayed in two places on my page? Not with CSS. You sound like you need some kind of server-side scripting include - either SSI, PHP, ColdFusion, ASP etc. -- Kay Smoljak http://kay.smoljak.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
