Hi all,
I've been working on a site and just at the stage of tidying up the CSS
however I have a strange problem with margin collapsing. It looks like
there is some unwanted margin on the HTML element itself which is really
confusing me. I've been trying all sorts to fix this problem. Putting
Robert O'Rourke wrote:
I've been working on a site and just at the stage of tidying up the
CSS however I have a strange problem with margin collapsing. It
looks like there is some unwanted margin on the HTML element itself
which is really confusing me. I've been trying all sorts to fix
this
Probably missing something obvious but why doesn't the hide class
override?
div class=paging hide
span class=pagebanner/span
/div
CSS
---
.hide { display: none;}
.paging { background-color: #d6d6d6; display: block; padding:
.5em 1em; width: 100%;}
My only thought is the display
On Mar 23, 2009, at 8:49 PM, Alex James wrote:
Probably missing something obvious but why doesn't the hide class
override?
div class=paging hide
span class=pagebanner/span
/div
CSS
---
.hide { display: none;}
.paging { background-color: #d6d6d6; display: block;
Els wrote:
Robert O'Rourke wrote:
I've been working on a site and just at the stage of tidying up the
CSS however I have a strange problem with margin collapsing. It
looks like there is some unwanted margin on the HTML element itself
which is really confusing me. I've been trying all sorts
--- On Mon, 3/23/09, Robert O'Rourke r...@sanchothefat.com wrote:
The page is at http://www.sanchothefat.com/dev/tc/ and the
unwanted
space is at the bottom of the page in the latest Firefox
and Opera but
not in Safari or Chrome.
As ever, Firebug is your friend. The extra space is not a
Bobby Jack wrote:
As ever, Firebug is your friend. The extra space is not a margin,
but the slightly strange image at the end of your document. The one
with an ID of 1 which, BTW, is invalid.
That's what I thought at first too, but it's actually the letter 'l'.
(lowercase L).
--
Els
--- On Mon, 3/23/09, Els el...@tiscali.nl wrote:
That's what I thought at first too, but it's
actually the letter 'l'.
(lowercase L).
Good call! I guess that proves:
a) Firebug's default font is poorly chosen
b) Using lowercase ELL as an ID (or a name, or a variable, ...) is a pretty
On Mar 23, 2009, at 8:49 PM, Philippe Wittenbergh wrote:
.hide and .paging have the same specificity. The last one in the
source .css file then wins.
Yep see it now! Sorry couldn't see the wood for the trees.
Thanks,
Alex
Is there a way to get a max-width attribute to work in Safari and
Internet Explorer? Supposedly both browsers suppourt it, but I can't
find an example of either doing so.
In theory I would like to add a class to a div like so:
.container {
width:100%;
max-width: 960px;
}
I
Has anyone has this problem whereas the browser does not load all the images
for the page, and is there
a way to fix or force it too?
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
Alright I still have a few things to check, but some of it is working but my
a links don't seem to be working, odd. I'm going to
check over a few things and know by later on.
On Mon, Mar 23, 2009 at 11:13 AM Ian Young i...@iyesolutions.co.uk wrote:
To: CSS-D
Subject: [css-d] Browser
To: CSS-D
Subject: [css-d] Browser doesn't load all images?
Has anyone has this problem whereas the browser does not load all the
images for the page, and is there
a way to fix or force it too?
In my experience there are a few things to check if images don't load
There is an html error or
-Original Message-
From: polar_anima...@zenbe.com [mailto:polar_anima...@zenbe.com] On
Behalf Of Christopher R
Sent: 23 March 2009 15:29
To: Ian Young
Cc: 'CSS-D'
Subject: RE: [css-d] Browser doesn't load all images?
Alright I still have a few things to check, but some of it
Apparently there was a table there as well, and max-width does not
apply to a table very nicely in Safari or Internet Explorer. Can
anyone offer some more explanation on this?
Thanks,
Jack
On Mon, Mar 23, 2009 at 9:50 AM, Jack Blankenships
learningcssindet...@gmail.com wrote:
Apparently there
After experimenting some more I have come up with some code that seems
to work in most browsers:
.content {
width:100%;
max-width:960px;
min-width:640px;
margin-left: auto;
margin-right: auto;
}
This can be applied to a body or div tag with an embedded table
I've had similar issues before, where certain browsers would load certain
images and others wouldn't. I hope the following helps you out:
e.g. Windows IE7 would understand the following...
background-image: url(root/imageFolder/image.jpg);
But Windows FireFox3 wouldn't! After some poking
It seems to be that the table within the div or body element is
pushing the content out beyond the specified widths in Internet
Explorer. If I set the width on the table to 100% it forces the
containing dom element to expand if the elements within the table can
possibly have a width to do so
Jack Blankenships wrote:
Apparently there was a table there as well, and max-width does not
apply to a table very nicely in Safari or Internet Explorer. Can
anyone offer some more explanation on this?
Have only tested for CSS table a year or so back, and it's a known
behavior in Safari 3. I
Jack Blankenships wrote:
It seems to be that the table within the div or body element is
pushing the content out beyond the specified widths in Internet
Explorer. [...]
If you have problems: link to the case, page, you have problems with.
Bits of CSS don't make much sense without it.
Hi everybody,
please take a look at this:
http://www.giuseppecraparottacv.co.uk/doubts/about.html
the div including the copy also contains an image (quote) on top, being this
wider than the div's declared width.
As a consequence IE6 increases the width of the div as equal to the width of
the
Hi all
I volunteered for a non profit who recently lost their web person to do some
updates on their website. The page in question can be found here:
http://www.oregonwca.org/gallery.html The gallery is a 7-col table
containing an artist's name, a thumbnail, a thumbnail, artist's name,
thumbnail,
Giuseppe Craparotta wrote:
http://www.giuseppecraparottacv.co.uk/doubts/about.html
Is it any way to force IE6 to consider the image as going out of the
div's width instead of widening the div accordingly to it.
Yes. Declare overflow: hidden on container and position: relative on
overflowing
I'd like to re-code that page in css rather than a table. For one thing it'd
be lots easier to retain the alphabetical order when adding or removing a
new artist. The current code is certainly a mess and could certainly benefit
from a cleansing:-)
Can someone point me in the direction of
Can someone point me in the direction of coding idea or solution for this?
I
suppose, strictly speaking, the info can be presented as a table of data
but
there's still the alphabetical order issue when adding or removing
artists.
One thing that I would do is reorganize the the columns by
Alright, I have put the quotations within the brackets and it seems to be only
fetching some parts
of a few 200K images from the server when using FF3. When I use IE7 / IE6 it
loads fine so how come FireFox is not getting the full
images from the server?
On Mon, Mar 23, 2009 at 12:51 PM
Christopher R wrote:
Has anyone has this problem whereas the browser does not load all the images
for the page, and is there
a way to fix or force it too?
Validate the CSS and the markup. Put the page on a public server and
provide a clickable link to it in your post. Bottom post in
http://www.thecreativesheep.ca/site/imagepage5.html
Here is the link, hopefully it can get figured out in case I run into the same
problem on my other pages.
On Mon, Mar 23, 2009 at 10:04 PM David Laakso da...@chelseacreekstudio.com
wrote:
Christopher R wrote:
Has anyone has this problem
Christopher R wrote:
http://www.thecreativesheep.ca/site/imagepage5.html
Here is the link, hopefully it can get figured out in case I run into the
same problem on my other pages.
Please bottom post in reply. What OS/browser does not load all the images?
Kenny Leu wrote:
I've had similar issues before, where certain browsers would load certain
images and others wouldn't. I hope the following helps you out:
e.g. Windows IE7 would understand the following...
background-image: url(root/imageFolder/image.jpg);
But Windows FireFox3
On Mon, Mar 23, 2009 at 10:36 PM David Laakso da...@chelseacreekstudio.com
wrote:
Christopher R wrote:
http://www.thecreativesheep.ca/site/imagepage5.html
Here is the link, hopefully it can get figured out in case I run into the
same problem on my other pages.
Please bottom
Christopher R wrote:
http://www.thecreativesheep.ca/site/imagepage5.html
Here is the link, hopefully it can get figured out in case I run into the
same problem on my other pages.
On Mon, Mar 23, 2009 at 10:04 PM David Laakso
da...@chelseacreekstudio.com wrote:
Christopher R wrote:
bottom posting means post after the words of the previous poster, not
before... just to clarify so the people on the list don't get any more
upset.. lol
__
css-discuss [cs...@lists.css-discuss.org]
Christopher R wrote:
On Mon, Mar 23, 2009 at 10:36 PM David Laakso
da...@chelseacreekstudio.com wrote:
Christopher R wrote:
http://www.thecreativesheep.ca/site/imagepage5.html
Here is the link, hopefully it can get figured out in case I run into the
same problem on my other pages.
On Mar 24, 2009, at 2:07 PM, david wrote:
Kenny Leu wrote:
I've had similar issues before, where certain browsers would load
certain
images and others wouldn't. I hope the following helps you out:
e.g. Windows IE7 would understand the following...
background-image:
35 matches
Mail list logo
