Re: [css-d] my first job with CSS
Gabriele Romanato wrote:
www.icosfitness.it/beta/
I've just finished to build up the front-end of this site.
Although the client wanted a pixel-by-pixel fixed width, I think this
sl...t has done a good job.
What do you think about?
Destroy me, I'm evil!
^.^/
Nice job.
You may be evil, but I doubt you are as twisted as my sister. As for
myself, I'm half blind...
body {
font: /*62.5%/1 Verdana,*/100%/1.4 Helvetica Neue, Helvetica,
Arial, sans-serif;
}
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Text Position Problem
Good Day; Please look at http://www.edi-cp.com/homepage_tests/edi-index.shtml The colored borders are there as an aid only during development. In FF the page displays properly. The text begins beneath the pentagon and flows nicely around the right floated divs. However, in IE 7 the text starts far down the page leaving a large empty space to the left of the div which will contain the pictures. What causes this? How do I fix it? Thanks. Del __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text Position Problem
Del Wegener wrote:
http://www.edi-cp.com/homepage_tests/edi-index.shtml
However, in IE 7 the text starts far down the page leaving a large empty
space to the left of the div which will contain the pictures.
What causes this? How do I fix it?
My guess is that your div#caption2 element is creating a block level
element which acts as a sort of clearing element in IE.
Probably adding:
div#content2{display:none}
...to your style sheet will do for now until you can determine what is
to be done with it (based on your comment in the source).
HTH,
Bill
--
!--
! Bill Brown macnim...@gmail.com
! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
On Thu, 15 Jan 2009 14:00:57 +1100, Fiona Hayward wrote: Ignore that last post - I found the offending article. It was an image that I overlooked at the bottom of the page. Just wondering though, why was IE6 the only browser that dropped the float As I understand it, IE versions prior to version 7 expand a container to hold a larger element that's inside it, instead of allowing the larger element to overflow it. I have had the same problem with a table inside a DIV, so it's not only images that cause this. A common solution is to apply overflow-x: hidden; to the container, but that will cut off any overflowing content, which is not always what you want. As far as I know, there is no way to get IE 5 - 6 have the oversize element overflow the container the way it ought. Anyone? Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Random padding in firefox...
On Wed, 14 Jan 2009 22:13:37 -0500, Bill Brown wrote:
Jerod Venema wrote:
I've got a weird bug that I can't figure out. Our website,
www.frozenmountain.com,
shows the behaviour. If you visit the site, check out #header. You'll notice
that it
has a 1px top padding. What's bizarre is, if you remove the padding, the
spacing
jumps about an extra 10px. I can't for the life of me figure out why. It
only happens
in FF3 (well..only being liberal, I've only tested in FF and IE so far).
Anyone have any ideas?
Hi Jerod--
Collapsing Margin Bug.
Try this:
#header {
overflow: hidden;/* -- ADD */
/* padding-top: 1px; -- REMOVE */
}
Indeed that works. But I'm as confused as Jerod here - I don't see
evidence of margins on anything here. The only element that's likely
to have a margin is the UL, and Jerod has expressly set that to zero.
And poking around with Firebug, I can't see what is overflowing.
So Collapsing Margin Bug does not seem to be an explanation.
Could you please elaborate?
Cordially,
David
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Div Overflow Issue
Hello, I've published the skeleton of my website. You can view the two pages below. Ex. A: http://www.rswilley.com/test/index.html Ex. B: http://www.rswilley.com/test/index2.html Basically what I'm trying to do is have #main always fill up the page even if the #content div does not have enough text in it to fill the page. If you look at example B you will see that this works until the content overflows. Since #main height is set to 95% it is not growing. If i take the height setting out (example A) it grows, but does not fill the page if there is not enough content. What am I doing wrong here? Is there any solution for this without having to write some javascript to do it? Thanks, Robert __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Random padding in firefox...
David Hucklesby wrote:
On Wed, 14 Jan 2009 22:13:37 -0500, Bill Brown wrote:
Jerod Venema wrote:
www.frozenmountain.com, shows the behaviour. If you visit the
[snip:collapsing margin explanation]
Anyone have any ideas?
Collapsing Margin Bug.
#header { overflow: hidden;/* -- ADD */ /* padding-top: 1px; --
REMOVE */ }
Indeed that works. But I'm as confused as Jerod here - I don't see
evidence of margins on anything here. The only element that's likely
to have a margin is the UL, and Jerod has expressly set that to
zero. And poking around with Firebug, I can't see what is
overflowing.
So Collapsing Margin Bug does not seem to be an explanation. Could
you please elaborate?
I would elaborate, but I see Jerod has adjusted the code and I don't
have a local version (I used Firebug to troubleshoot). If Jerod (or you)
has/have the original code, I could explain it better.
--
!--
! Bill Brown macnim...@gmail.com
! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Div Overflow Issue
Robert Swilley wrote:
Ex. A: http://www.rswilley.com/test/index.html
Ex. B: http://www.rswilley.com/test/index2.html
If you look at example B you will see that this works until the content
overflows. Since #main height is set to 95% it is not growing.
This might help (more or less) in Example B:
#main {
/* height: 95%; --REMOVE */
min-height: 95%;/* --ADD */
}
--
!--
! Bill Brown macnim...@gmail.com
! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE and background colour
On 13/01/2009, at 8:42 PM, Philippe Wittenbergh wrote: But if you go to the css validator there is an option to select to validate against the css3 profile (under 'more options', below the input field). Did not know that. Thanks Philippe :) Elle http://designbyelle.com.au/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Div Overflow Issue
Yes, that seems to have worked. Thanks!
On Thu, Jan 15, 2009 at 2:00 PM, Bill Brown macnim...@gmail.com wrote:
Robert Swilley wrote:
Ex. A: http://www.rswilley.com/test/index.html
Ex. B: http://www.rswilley.com/test/index2.html
If you look at example B you will see that this works until the content
overflows. Since #main height is set to 95% it is not growing.
This might help (more or less) in Example B:
#main {
/* height: 95%; --REMOVE */
min-height: 95%;/* --ADD */
}
--
!--
! Bill Brown macnim...@gmail.com
! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
David Hucklesby wrote: As far as I know, there is no way to get IE 5 - 6 have the oversize element overflow the container the way it ought. Anyone? Go back to my response to [css-d]IE not hiding overflow? less than a day ago, and you'll find the way to make IE 5 - 6 behave as intended. IE's bug is that elements with 'position: relative' declared on them will overflow containers with 'overflow: hidden' declared - visibly but without taking up space. IE7 actually works that way, so it's quite possible that the IE-team used the bug to cover up for other bugs. Doesn't work in accordance with CSS standards though. One can also pull in backside margins on content-elements, so IE 5 - 6 don't auto-expand to their real size. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
| Daniel Hammond wrote:
|
| URL: http://www.studentremix.org/ms/index.htm There is a little bit
| of blue extending down below the nav bar.
|
| Delete...
| #nav a, #nav strong {
| position: relative;
| }
|
| ...and also delete the...
|
| * html #nav {
| overflow: visible;
| }
|
| IE's bug is that elements with 'position: relative' declared on them
| will overflow containers with 'overflow: hidden' declared -
| visibly but
| without taking up space. This overflow bug is sometimes exploited as
| part of the cure for IE6' auto-expansion bug, but in your
| case it does
| no good.
|
| regards
| Georg
Perfect! Thanks so much.
Daniel
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Random padding in firefox...
David Hucklesby wrote: Indeed that works. But I'm as confused as Jerod here - I don't see evidence of margins on anything here. The only element that's likely to have a margin is the UL, and Jerod has expressly set that to zero. And poking around with Firebug, I can't see what is overflowing. So Collapsing Margin Bug does not seem to be an explanation. Could you please elaborate? Cordially, David -- Not answering for Bill, just some random thoughts... If you delete the padding-top:1px; IE/6.0 and IE/7.0 get it wrong (they show no gap). Compliant browsers get it right (they show a gap). The padding-top:1px; contains the collapsing margins (I think) [1]. [1] http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
