What happens if you add:
body, html {
width: 100%;
}
--
Kevin Murphy
Webmaster: Information and Marketing Services
Western Nevada Community College
www.wncc.edu
775-445-3326
On Jul 5, 2006, at 3:44 PM, Micky Hulse wrote:
Michael Landis wrote:
Any chance of a URL we can play with?
Kevin Murphy wrote:
What happens if you add:
body, html {
width: 100%;
}
Hi Kevin! :)
Thanks for the quick response, I appreciate your help.
Well, I had tried that yesterday with no luck... and just tried it now
with the same negative results - it does not appear to make a difference
Micky Hulse wrote:
Kevin Murphy wrote:
What happens if you add:
body, html {
width: 100%;
}
Hi Kevin! :)
Thanks for the quick response, I appreciate your help.
Well, I had tried that yesterday with no luck... and just tried it now
with the same negative results - it does not appear
Duckworth, Nigel wrote:
Franky,
I like your mutations! I will take a closer look at this tonight and if
the markup changes aren't to radical I might go with this, in any case
it's nice to have choice.
-Nigel
See testpage over here
David,
Great, thanks for checking it out!
Regards,
Nigel
-Original Message-
From: David Laakso [mailto:[EMAIL PROTECTED]
Sent: Monday, June 19, 2006 2:03 AM
To: Duckworth, Nigel
Cc: [EMAIL PROTECTED]; Els; css list list
Subject: Re: [css-d] Background Image on Blockquote Hidden
Duckworth, Nigel wrote:
Greetings All,
Hi,
I'm working on a page which contains posts with an author
image floated left, the text of the post down the right and
wraps around the image. A problem occurs when there are
blockquotes in the post. The blockquote has a background image
quote mark
Els wrote:
[...]
If you give blockquote overflow:hidden or overflow:auto, the
problem is solved in Firefox and Opera.
If you give blockquote a height, the problem is solved in IE.
Use hacks to hide the overflow from IE and the height from
Firefox :-)
Tested only in IE6, Opera 8.54 and FF1.5.
PROTECTED]
Sent: Sunday, June 18, 2006 3:31 AM
To: Duckworth, Nigel; css list list
Subject: Re: [css-d] Background Image on Blockquote Hidden Under Floated
Image
Duckworth, Nigel wrote:
Greetings All,
Hi,
I'm working on a page which contains posts with an author image
floated left, the text
:[EMAIL PROTECTED]
Sent: Sunday, June 18, 2006 5:17 AM
To: Els
Cc: Duckworth, Nigel; css list list
Subject: Re: [css-d] Background Image on Blockquote Hidden Under Floated
Image
Els wrote:
[...]
If you give blockquote overflow:hidden or overflow:auto, the
problem is solved in Firefox and Opera
Duckworth, Nigel wrote:
Els,
Fantastic, thank you! I should have thought of trying
overflow: hidden, I tried everything and the kitchen sink but
that. This would be ideal since I don't have to change the
markup (which I don't have control of).
Looking at it again later today, I found that
Greetings All,
I'm working on a page which contains posts with an author image floated
left, the text of the post down the right and wraps around the image. A
problem occurs when there are blockquotes in the post. The blockquote
has a background image quote mark and it disappears under the
On 30 Apr 2006, at 10:03 pm, Els wrote:
Ian Piper wrote:
you should see that in all but IE6 the background image is
visible in the top half of the window.
It's not you, it's IE. There's a couple of ways to make the
background-image appear in the right place (if you give it repeat
Hi all,
I'd appreciate some advice with a CSS problem. I have a background
image that appears in Firefox (Mac OS X and Windows) and Safari, but
not in IE6. The background image is defined in a div that is used to
wrap two floated divs (left and right):
div id=contentWrapper
div
Ian Piper wrote:
If you look at this url
http://www.tellura.co.uk/blueboar/
you should see that in all but IE6 the background image is
visible in the top half of the window. Interestingly, if I
give contentWrapper a border to see where it is located then
the image appears even in IE6 (but
Just fired up and old computer with Windows 98 on it and background image
doesn't appear on site below
www.salesexecs-online.co.uk
Works fine on Xp across Opera, FF and IE6
Any idea why?
Cheers
Ian
**IMPORTANT*
Hello,
I have a page layout where a nested div is inside a floating column div.
If I apply a background image to the nested div (it's feature channel
in the side column), the text in that area is covered by the background
image. The link text will appear when you roll over it, but it's no
From: Bryan Husk [EMAIL PROTECTED]
If I apply a background image to the nested div (it's feature channel
in the side column), the text in that area is covered by the background
image. The link text will appear when you roll over it, but it's no
visible on load.
The problem appears to be
Hi all,
On this page (and others like it): http://www.aao.com.au/new/people/
current_musicians/james_greening/
the background image and colour from the mailing list signup form is
bleeding into the main content area. As far as I know, this is only
happening in IE on Windows - I can't for the
Virginia Murdoch wrote:
Hi all,
http://www.aao.com.au/new/people/current_musicians/james_greening/
the background image and colour from the mailing list signup form is
bleeding into the main content area. As far as I know, this is only
happening in IE on Windows - I can't for the life of
Roger, thanks for your help. I am trying to implement your suggestions.
So far it only partly works, but I'm probably doing something wrong.
See http://209.211.255.131/newsite/testfeb8.html and
http://209.211.255.131/newsite/testfeb8.css
(/testfeb6.html left on server as the earlier version
Don Hinshaw wrote:
I have a background image on my body tag that is ostensibly the same
width as the DIV that contains the main body of text and sits partially
on top of the background image.
The problem is that when I resize IE/Win (and Opera 8.5) to right around
850px wide, the DIV
Ingo,
On Jan 31, 2006, at 4:53 AM, Ingo Chao wrote:
Don Hinshaw wrote:
The basic page is here:
http://66.117.159.181/for_retailers_contact.php
Centering a bg-img with background-position: center top is apparently
different to centering a div with margin: 0 auto 0 auto, especially
when
Roger Roelofs wrote:
Ingo,
On Jan 31, 2006, at 4:53 AM, Ingo Chao wrote:
Don Hinshaw wrote:
The basic page is here:
http://66.117.159.181/for_retailers_contact.php
Centering a bg-img with background-position: center top is apparently
different to centering a div with margin: 0 auto 0
Ingo,
On Jan 31, 2006, at 7:05 AM, Ingo Chao wrote:
Roger Roelofs wrote:
Ingo,
On Jan 31, 2006, at 4:53 AM, Ingo Chao wrote:
Don Hinshaw wrote:
The basic page is here: http://66.117.159.181/
for_retailers_contact.php
Centering a bg-img with background-position: center top is
Roger Roelofs wrote:
This same question came up a week or so ago and the resolution was
the same. Put the bg image on the container centered with margin: 0
auto; instead of on its parent.
Yes, that's what I replied this morning in a mail to Don which by
accident didn't go to the list
I still don't understand why Safari and Opera show the 'rounding error'
at 800px and lower, as I have described.
And with regard to my first posting: I have suggested to move the bg
image from body to #wrap.
Ingo
--
http://www.satzansatz.de/css.html
Hi
Webpage link = http://www.2gee.com/business.html
If you visit this page in IE6/win and scroll the page down to the bottom and
then scroll back up you should see that the background image located at the
top of the LH column has been duplicated.
Appears to be fixed, I do not see that
Hi
Webpage link = http://www.2gee.com/business.html
CSS link = http://www.2gee.com/stylesheets/main-style.css
If you visit this page in IE6/win and scroll the page down to the bottom and
then scroll back up you should see that the background image located at the top
of the LH column has been
Hello list,
I have a background image on my body tag that is ostensibly the same
width as the DIV that contains the main body of text and sits partially
on top of the background image.
The problem is that when I resize IE/Win (and Opera 8.5) to right around
850px wide, the DIV becomes i pixel
Hi:
-- background image invisible NN 6-8 WIN
This div ...
#area { background-color: #314611; background-image: url(images/
areaBK.gif); background-repeat: repeat-y; text-align: left; position:
static; width: 750px; visibility: visible; margin-right: auto; margin-
left: auto; }
is OK in
Phillip,
On Jan 4, 2006, at 9:15 PM, Phillip Hollweg wrote:
Hi:
-- background image invisible NN 6-8 WIN
This div ...
#area { background-color: #314611; background-image: url(images/
areaBK.gif); background-repeat: repeat-y; text-align: left; position:
static; width: 750px; visibility:
Thanks, Roger! -- I found the page on the clearfix method,
Phillip
On Jan 4, 2006, at 10:16 PM, Roger Roelofs wrote:
Phillip,
On Jan 4, 2006, at 9:15 PM, Phillip Hollweg wrote:
Hi:
-- background image invisible NN 6-8 WIN
This div ...
#area { background-color: #314611;
On Sun, 2005-12-18 at 23:17, Gunlaug Sørtun wrote:
George S. Williams wrote:
http://65.247.192.64/lookingglass/index.html
I'd appreciate it if anyone could offer a clue as to what the cause
of the problem is.
Lack of 'Layout'[1] in IE/win. An IE bug :-)
Put this last in your
If you had a rule:
div imagecaption {
background: #036 url(gradient.gif) repeat-X 0 100%;
}
And the background image is going to be a gradient that is 1px in height,
how does the gradient know how tall to be?
Thanks,
Stephen
Stephen Kortz wrote:
If you had a rule:
div imagecaption {
background: #036 url(gradient.gif) repeat-X 0 100%;
}
And the background image is going to be a gradient that is 1px in height,
how does the gradient know how tall to be?
If your gradient is oriented vertically (taller than
I thought I was ready to call the client- until I had one last look in
IE6.
The page in question-
http://65.247.192.64/lookingglass/index.html
With style sheet-
http://65.247.192.64/lookingglass/images/style.css
The page validates and the css has no errors (just a few warnings
George S. Williams wrote:
http://65.247.192.64/lookingglass/index.html
I'd appreciate it if anyone could offer a clue as to what the cause
of the problem is.
Lack of 'Layout'[1] in IE/win. An IE bug :-)
Put this last in your stylesheet...
@media screen {
* html #content {height: 0;}
}
Hey all,
I'm CSS-ifying this design:
http://www.multiblah.com/exps/css/search_results_markup/markup_how.gif
When I apply a BG image to a TR though, it works in Firefox, but in IE it
wont span the whole way accross. It repeats itself in each cell.
Any suggestions on how to avoid this, and keep
First post to the list so hello everyone -
I'm having some trouble making my background image (bg-canvas.gif) appear in
this layout when viewed in FF. No problem in IE.
http://www.e3internet.com/clients/lenzone/shop/lenzoneTEST.htm
Deeply appreciate someone pointing me in the right
Hi,
In #canvas add display: table.
Jim
On 11/25/05, Nick Wilsdon [EMAIL PROTECTED] wrote:
First post to the list so hello everyone -
I'm having some trouble making my background image (bg-canvas.gif) appear
in
this layout when viewed in FF. No problem in IE.
Thanks Jim/Ian
display:table-caption seems to work - I was having a very strange effect
with display:table. Whole page fell apart but came together after loading!
That's a new attribute for me to learn though, thanks
Cheers for the heads up on the other mistakes Ian, I'll go through and fix
This is my first time and have had a a search for this topic and didn't find
anything recently.
I need to have a background image within the banner element of my page.
Easy huh?
If the style commands are included in the page it works fine not if imported
from an includes file.
here is script:
Hi All,
I sent this yesterday but haven't got any response and there was a
problem with my email so I'm not 100% sure it got through. Basically I'm
trying to fix some weird behavior I'm seeing with background images. I've
set up a free web site to show this to you rather than try and
There was a problem with my email earlier so apologies is this is the second
time you've received this.
I've set up a free web site to show this to you rather than try and explain
it, it would
be difficult to explain exactly what I'm talking about. Please ignore
the
banner ad on the
Hi,
This thing is driving me nuts, I tried copying from other websites but it
doesn't work.. and I dcan't seem to find my problem on the web.
What I'm trying is this, I have 1 container on the left, holding the
content, but next to it I want to place an image by using css background
image
Is it possible to use a background image as a search box? If so, will
the search box outline still be there or can the image be the actual
box?
--CSS--
.searchbox{
background-image:url
(the_image_worthy_of_sacrificing_accessibility.jpg);
width:125px;
height:30px;
padding:2px 10px;
How is it sacrificing accessibility?
You have to think about the variety of users that might visit the
page. A user with images turned off would get an invisible input box.
Users that are new to the internet might not understand that your
custom image is an input box; they might expect to
Awesome - thanks fellas.
On Oct 12, 2005, at 9:41 AM, Pringle, Ron wrote:
How is it sacrificing accessibility?
Actually, if you provide borders for your input box as well as a
background
image, you can have an input (search) box that shows up whether the
images
are turned off or not.
Is it possible to use a background image as a search box? If so, will
the search box outline still be there or can the image be the actual
box?
Thanks
__
css-discuss [EMAIL PROTECTED]
Is it possible to use a background image as a search box? If so, will
the search box outline still be there or can the image be the actual
box?
--CSS--
.searchbox{
background-image:url(the_image_worthy_of_sacrificing_accessibility.jpg);
width:125px;
height:30px;
padding:2px 10px;
Hi everybody,
I have a problem with displaying image into a web
page.
Take a look at : www.tanase.it
The content has an id div#content
Now, I need to put into this grey box on the
bottom-right an image who represent something like a
curl page.
I need to position exactly !
My style for #content
Try it with
background-position: right bottom;}
at least it worked in a local test
Dennis Bixler
-Original Message-
From: Marian [mailto:[EMAIL PROTECTED]
Sent: Monday, October 10, 2005 11:04 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] background-image doesn't show
Hi
On Mon, 10 Oct 2005 11:03:39 -0400, Marian [EMAIL PROTECTED] wrote:
www.tanase.it
Off the top of my head, make sure the image path is in relation to the
stylesheet not the page. This has caught me a couple times...
--
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com
Marian wrote:
www.tanase.it
Just a minor file-name/type error:
I find:
background-image: url(../images/curl.htm);
... in your stylesheet.
Correct it to:
background-image: url(../images/curl.jpg);
... and make sure the image is present with that name/type.
The other styles are fine, but you
Hi All,
Is their an elegant way of specifying a different background image in a layer if the layer co-rds etc are the same, only the
background image changes?
snip.
#landscape2
{
background:#ffE6B5 url(../images/web_design_base.jpg) no-repeat bottom;
Is their an elegant way of specifying a different background image in a layer
if the layer co-rds etc are the same, only the
background image changes?
If only the background image will change, you can probably make a
class .landscape with all non-image styles and have an ID for each
landscape
Trevor Boult wrote:
Hi All,
Is their an elegant way of specifying a different background image in
a layer if the layer co-rds etc are the same, only the background
image changes?
You could try this:
whateverGetYouToAllTheElements {
background:#ffE6B5 no-repeat bottom;
position:relative;
I have a background image that does not display in FF, and I think it is
because my outer most div (#wrapper) is not getting any height. I looked at
all of my floats, and I think everything should be clearing correctly, but
apparently it isn't, because FF doesn't display it. Any ideas on what I
Tim Zappe wrote:
I have a background image that does not display in FF, and I think it is
because my outer most div (#wrapper) is not getting any height. I looked at
all of my floats, and I think everything should be clearing correctly, but
apparently it isn't, because FF doesn't display it.
Howdy,
I've set up a background image with a small arrow on hyper links in my
navigation. This works fine in Firefox and other Gecko browsers but I
can't get it to render in IE6. Here is a page that uses it
graphic-arts-schools.com/find.php
http://www.graphic-arts-schools.com/find.php
Hi Rich,
from your css:
#header ul li a {
color: #FF;
display: block;
font-variant:small-caps;
text-decoration: none;
font-weight: bolder;
font-size: .9em;
padding: 0 0 0px 20px;
margin: 0px 0 0 0;
text-align: left;
background: url(../images/chrome/arrow_bullet.gif) no-repeat scroll left
At this site:
http://dev.ironworkers.org
there is a big gap in the middle of the left sidebar - it is there
because the nav2 div ends prematurely ... to remedy that I've added a
background image to #sitecontainer - but i've done something wrong
because the image isn't showing up.
Any
I am trying to create a button that can be inabled and disabled. The button is:
a class=enabledButton id=addnote href=javascript:void(0);
title=ButtonAdd Note/a
with these styles:
.enabledButton,.disabledButton {
background-color:#CC;
text-decoration:none;
Is it possible to give a div a background image that can extend partially
off-screen if the browser window isn't wide enough to display all of it? This
700px-wide div must remain horizontally centered in the window as long as the
window is greater than 700px (plus scrollbar). Here's what I
I've set a background image to display for a table row, and have done
the same using a different image for a table cell within that row.
In Firefox (PC), the result is what I hoped for - the row would display
its background image, and the cell in that row would display its
background image as
Further to my earlier message: I'm slightly more confused now. I
thought that perhaps I had not properly validated the xhtml or css,
so have done both now. The result is that the page now behaves almost
equally badly on Safari, Firefox and IE. I guess from this that there
is something
Hi,
I'd appreciate some advice on a problem with a site I'm designing.
The problem is that a gif file that I am using as a background image
in a table cell is not visible in IE although it looks fine in Safari
and Firefox.
I thought that this in the css file:
td#sectionheadingmiddle {
Hey List:
I was recently trying to validate my CSS and the validator at w3 was
down. Because I'm impatient and a little tired, I didn't feel like
wating around for it to come back up, so I googled css validator and got
to the 'Web Design Group' validator at htmlhelp.com.
Matthew Ohlman wrote:
(http://www.htmlhelp.com/tools/csscheck/)
I validated my css, and it gave me this warning:*|
|**
*
body {
margin: 0;
padding: 0;
font-size: 100%;
background-color: #4A4A4A;
}
Warning: To help avoid conflicts with user style sheets,
background-image should be
Hi all,
I'm struggling to get a background-image appearing in IE5 Mac (it's
fine in every other browser under the sun).
The relevant CSS is
#top {
background: transparent url(images/top.gif) top left no-repeat;
padding: 55px 0 0 0;
}
h1 {
background: transparent url(images/masthead.jpg) top
When trying to use a bottom background image in Firefox 1.0, it does not
display correctly. I have a dive that wraps my content, that has a
background of
background:url('i/page.gif') bottom left no-repeat;
I can't get this to work in Firefox, but it works perfectly in IE.
What am I doing
At 1:28 PM -0600 6/14/05, Tim Zappe wrote:
When t
rying to use a bottom background image in Firefox 1.0, it does not
display correctly. I have a dive that wraps my content, that has a
background of
background:url('i/page.gif') bottom left no-repeat;
I can't get this to work in Firefox,
Hi Mark,
It might be something to do with this error message I get when I try to
see the graphic on the .com server:
Error 403: Permission denied/HTAccess Error
Please refer to the setup and troubleshooting guides
Document:
/graphics/nameSmudge.jpg
Time:
Saturday, 04-Jun-05 17:30:52 BST
Hi,
I'm hoping that someone might be able to provide some guidance with a
Windows IE 6 problem I'm having. IE is obscuring a left floated div,
putting the parent div's background image above it.
The divs that are relevant to the issue are here:
#Page - page container with bg image for
Michael Angeles schrieb:
IE is obscuring a left floated div,
putting the parent div's background image above it.
... http://wc.urlgreyhot.com/temp-what.html
... would
really like to know why that div is being hidden.
The upper part of the left float nav is hidden by the parent's
Thanks, Ingo. This is only the second time I've come across the
peekaboo bug -- I totally forgot about it.
-Michael
IE is obscuring a left floated div, putting the parent div's
background image above it.
... http://wc.urlgreyhot.com/temp-what.html
... would really like to know why that
hi,
I'm having a small problem with a new site in Firefox.
The background image on #inner doesn't show. It's OK in Opera. Other
background images are showing in Firefox.
Can someone spot the error?
TIA
Regards,
Mike
--
Mike Davies
Integra Web Design, Huntly, AB54 4XP
01466 700213
On 5/21/2005 12:29 PM Mike Davies wrote:
www.avochiegranite.com/cfp/index.html
The background image on #inner doesn't show. It's OK in Opera. Other
background images are showing in Firefox.
Can someone spot the error?
Put a border around #inner and I believe you'll see the issue. Both
My goal is to have one of the background images display when printed, but
obviously background images don't print.
Any ideas?
Jeff
--
The name's Jeff. I've got a website.
http://www.vacantcanvas.com
__
css-discuss [EMAIL
My goal is to have one of the background images display when printed, but
obviously background images don't print.
Any ideas?
You can print background images, it is a browser setting:
http://www.wait-till-i.com/index.php?p=19
OFF Topic though.
I haven't documented experiences with printing the bg images, but I
suspect it's being handled the same as when you Save the page in a
browser. As a rule, when the bg is specified within the CSS, it is not
saved. When it is secified in the HTML it is saved. The only exception
I know of is the iCab
301 - 381 of 381 matches
Mail list logo
