Re: [css-d] auto width td's
On 5/13/05, Scott Haneda <[EMAIL PROTECTED]> wrote: > I have tabular data: > > > foo > foo > > > > The tr... /tr parts repeat a few times, but anyway, I want them to just snug > up against the type in them, which I can not seem to make happen, whereas a > normal html table will see to do this just fine. > How is this not a normal table? Check out cell-spacing (I think this is correct) and try changing the margin / padding on the TDs. -- Justin Patrin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hover makes previous list mysteriously dissapear in IE 6.0
ephi schrieb:
... http://ephi.f2o.org/sementara/white.html ...
In order to understand what was happening, I changed the background color to
black. And voila,
there's an extra top spaces (perhaps padding) that I don't know how it got
there.
Can any of you help me? Just some explanations or pointing me where I'm wrong
will do.
I don't know what is going on, sorry.
But adding a line-height:
dl a { display: block; text-decoration: none; color: gray; font-size:
17px; line-height:1.25em;}
seems to be a workaround.
Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hover makes previous list mysteriously dissapear in IE 6.0
On Fri, 13 May 2005 22:27:23 -0700, ephi <[EMAIL PROTECTED]> wrote:
I'm using the "Pure CSS PopUp" technique, and end up with strange things
happens when I hover over
the menu, the upper menu dissapears.
(see here: http://ephi.f2o.org/sementara/white.html)
In order to understand what was happening, I changed the background
color to black. And voila,
there's an extra top spaces (perhaps padding) that I don't know how it
got there.
(see here: http://ephi.f2o.org/sementara/white.html)
Firefox 1.0.4 is fine with this, but my audience will largely based with
IE. I saw this problem in
IE 6.0.2800
Can any of you help me? Just some explanations or pointing me where I'm
wrong will do.
Your code has invalid nesting order. DL can only contain DD and DT.
http://validator.w3.org/check?uri=http://ephi.f2o.org/sementara/white.html
However, if you still want your quick fix, replace that #fff with
transparent:
dl a:hover { background: transparent;}
Roman.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 in standards compliant mode + iframes = extra 2 pixel 'padding'
Adrian Yee schrieb:
... I've been updating my wysiwyg editor to use standards compliant html.
One of the things I've run into is that IE6 in standards compliant mode
is adding a 2 pixel 'padding' on the right and bottom between the CSS
border of the iframe and the contents of the iframe. ...
http://devrandom.com/test/iframes/editor.html
uh, nested iframes, contenteditable=true, IE6, script pop-ups, hmm, did
you say you cannot omit that? ;)
I just don't fully understand this construction, so the following is
widely hypothetical.
... the space is between the
CSS border and the iframe contents itself
Funny is the white gap you encountered is related to the border-width:
#editor_iframe { border: 1px solid black; ... shows a 2px gap
#editor_iframe { border: 5px solid black; ... shows a 10px gap
#editor_iframe { border-right: 3px solid black; ... shows a 3px gap;
So, I think that the iframe is expanded by it's own bounding-box-width
(?!) due to the fact that
#editor_iframe { ... overflow:scroll} shows
- 2 scrollbars
- gaps at the /outer/ side of the scrollbars
So, yes, the gap occurs /between/ the border of the element and its own
scrollbars, as you noted. (I suggest naming it "iframe bootstrap gap"
and classify it near the "Three Pixel Text Jog").
Has anyone seen anything like
this problem before? Thanks.
Never.
There seems to be a fix:
#editor_iframe { border: 1px solid black; width: 300px; height: 300px;
overflow:hidden; }
baffled,
Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hover makes previous list mysteriously dissapear in IE 6.0
ephi schrieb:
In order to understand what was happening, I changed the background color to
black. And voila,
there's an extra top spaces (perhaps padding) that I don't know how it got
there.
This should help:
dl a:hover { background: transparent;} <<<== change here
/* Without background here,
"dl a:hover dt {background: value;}" will not funktion at all. */
dl a:hover dt {background: #FFF; } <<<== add this
regards,
Uwe Kaiser
<[EMAIL PROTECTED]>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Head Scratchers
Frank McClung schrieb:
I'm new to CSS, so please forgive these very simple questions.
It's not as simple as mentioned.
> 2. #nextstep and #ebay are correct in Firefox, but the #submast
> background image is still covered up.
Correct the 'ddd' typos: "paddding: 0px;" in your stylesheet. You should
validate your files.
1. Having problems in IE getting the boxes on the right to line up in
the right column (#nextstep and #ebay) to line up and #submast to show up.
a) The right margin of the right-float is doubled.
http://positioniseverything.net/explorer/doubled-margin.html
Fix:
#nextstep { ... display:inline; }
#ebay { ... display:inline;}
b)That's a dilemma in IE6:
...
...
- #submast must have a appropriate dimension for its background-image.
- but with this dimension, it will contain the floating childs, and will
be expanded by their heights. (Apply a background:red; to see what I
mean.) In consequence, the following container is pushed down by the
height of the floats, no matter what height was applied to #submast.
Fix: rearrange
...
...
and omit the width:
#submast { border: medium none ; margin: 0px; /*width: 800px;*/ height:
94px; background:red url(subtopmast.jpg) no-repeat; }
3. Bottom of the page is cut off in IE.
3. Not entirely sure what's causing this.
#maincontent determines the height of the page, but you have positioned
is relatively to its static position. Looks like IE determines the
viewport height before the offset of its content.
Fix:
use a 'margin-top' instead of 'top'
#maincontent { border: medium none; margin: 0px;
background-image:url();
/*position: relative;*/ margin-top: 116px;
width: 800px;}
---
Hope that's all what I've changed.
regards, Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hover makes previous list mysteriously dissapear in IE 6.0
Uwe Kaiser schrieb:
This should help:
dl a:hover { background: transparent;} <<<== change here
/* Without background here,
"dl a:hover dt {background: value;}" will not funktion at all. */
dl a:hover dt {background: #FFF; } <<<== add this
or just dl a:hover { background:1%;}
Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check and disappearing dt
Here is my first public site: http://www.firstbaptistchurchofmilford.org/index.php There is no contents in Home Page, but please check other links. It looks good in FF, but Pastor's image disappeared in "Meet Our Pastor" page. I tried to fix with no avail. How do I get around to it? -- Power to people, Linux is here. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check and disappearing dt
On Sat, 14 May 2005 12:32:10 -0400, Scott Hamm <[EMAIL PROTECTED]> wrote: Here is my first public site: http://www.firstbaptistchurchofmilford.org/index.php There is no contents in Home Page, but please check other links. It looks good in FF, but Pastor's image disappeared in "Meet Our Pastor" page. I tried to fix with no avail. How do I get around to it? Almost there Scott but I regret to say the Pastor has met up with the "evil one." Correct the spelling of the word "portrait" throughout and delete all the empty declarations and some rather interesting things start happening throughout. I'm not so sure a definition list is the best solution...? Regards, David Laakso -- http://www.dlaakso.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Style rule based upon ID and Class?
Maybe a dumb question, but is it possible and if so, what would it look like to write a style rule that is based upon the combination of an id and class value on one tag? For example, I would like to see the following two tags styled differently ... Is this possible, or do I just need to skip the ID and make two different classes (miniExplorer and fullExplorer)? I would like to do it as above so that some shared styles could be done based upon the ID and the differences between the two divs could be done based upon the class. Thanks -- Jeff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 in standards compliant mode + iframes = extra 2 pixel 'padding'
Hi Ingo,
> uh, nested iframes, contenteditable=true, IE6, script pop-ups, hmm,
did
> you say you cannot omit that? ;)
hehe, yeah I forgot to mention how those were related to the test. :)
> Funny is the white gap you encountered is related to the
> border-width:
Interesting, never thought of changing the border-width.
> So, I think that the iframe is expanded by it's own bounding-box-width
> (?!) due to the fact that
>
> #editor_iframe { ... overflow:scroll} shows
> - 2 scrollbars
> - gaps at the /outer/ side of the scrollbars
Though it doesn't make sense why the gap is 14px, and that it only
occurs on the right and not the bottom, when you set overflow: scroll.
Well, I guess the scrollbar takes 16px and the gap with a 1px border is
2px... Here's another strange one: with IE5.5, and overflow: scroll,
you get the gap on the right and bottom as well.
> There seems to be a fix:
>
> #editor_iframe { border: 1px solid black; width: 300px; height: 300px;
> overflow:hidden; }
Ingo, you rock! Thanks a lot for taking the time to figure this thing
out. So that means this is some weird IE6, iframe, border-width,
scrollbar in standards compliant mode issue (possibly more).
Adrian
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style rule based upon ID and Class?
Jeff Chastain wrote: ... I would like to do it as above so that some shared styles could be done based upon the ID and the differences between the two divs could be done based upon the class. It will work just fine as you have described it. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style rule based upon ID and Class?
On 5/14/2005 3:05 PM Jeff Chastain wrote:
Maybe a dumb question, but is it possible and if so, what would it look like
to write a style rule that is based upon the combination of an id and class
value on one tag? For example, I would like to see the following two tags
styled differently ...
Is this possible, or do I just need to skip the ID and make two different
classes (miniExplorer and fullExplorer)? I would like to do it as above so
that some shared styles could be done based upon the ID and the differences
between the two divs could be done based upon the class.
I do it all the time, but I think you have it a little backwards. Since
you shouldn't repeat ids (really, just don't), you should include the
common features in classes, then the unique styles in the id.
So:
Mini
Full
and
.explorer{
border: 1px solid #000;
background-color: #ccc;
color: #000
padding 1ex;
}
then
#mini{
font-weight: normal;
}
#full{
font-weight: bold;
Both "Mini" and "Full" will be black text on a gray background
surrounded by a 1 px solid black border. "Mini" will be normal--"Full"
will be bold.
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] EM vs % values for padding/margin and width
Hi Folks, When using EM values for font sizes, it seems optimal to then use EM values for any margin-top, padding-top, margin-bottom, or padding-bottom values for the content elements (p, ul, ol, etc). This way, when text is resized, the vertical distance between content elements increases proportionately. But, what about right and left margins and padding. Is it also optimal to use EM values for those as well, so that any horizontal spacing also increases proportionately with resized text? Similarly, would it be better to use EM values for the widths of fluid column divs, rather than percentage values? Thanks! Leo. Leo Smith www.leosweb.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Space below left nav
Thanks, your suggestion worked as prescribed! Ian -Original Message- From: Uwe Kaiser [mailto:[EMAIL PROTECTED] Sent: May 13, 2005 11:19 PM To: Rutgers Subject: Re: [css-d] Space below left nav Hi Rutgers, The solutuion with background-image will function only, if the left navigation and the contents (on the right of it) are having a common parent element. This common parent element should have the background-image. Example: header left navigation contents footer regards, Uwe Kaiser Rutgers schrieb: > Thx, I'll give it a try! > > Ian > > > -Original Message- > From: Uwe Kaiser [mailto:[EMAIL PROTECTED] > Sent: May 13, 2005 6:25 PM > To: Ian & Anna-Ruth Rutgers > Subject: Re: [css-d] Space below left nav > > Ian & Anna-Ruth Rutgers schrieb: > >>Thank you everyone for your help with my work on this page. The > > problem > >>with the footer has been resolved. >> >>My remaining issue is with the space below the left navigation. I > > would > >>love it if someone would point out how to get the grey background of > > the > >>left navigation to continue to the bottom of the page. This is not an >>issue in Internet Explorer, but in Firefox and Netscape. >> > > > Hi, > > This is an issue in MSIE/PC, FF/PC etc. > Please increase/decrease the font-size -- and you will see. > > > I didn't look at your source, but normaly the solution in > such case consists in using a background-image. > (eg.width: 2000px, height: 4px, repeat-y) > The grey part at left should be as wide as the left nav. > > > > width of leftnav in px > --- > | color: grey | transparent > --- > <--- 2000px > > > > > regards, > Uwe Kaiser > > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style rule based upon ID and Class?
as the others have said, but keep this in mind;
the ID selector has higher specificity. This means that if you have
these two conflicting rules;
#explorer {border:1px RED solid;}
and
.explorer {border:1px BLUE solid;}
the border of the div will be RED.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I just do not understand style sheets.
Can someone explain how a web site , using only one external style sheet, and all of the pages using a common template could render different displays. There should be a 4px border around the Page-title. on most pages it is there on at least one it is not there. Also, on several pages, the page jump up one or two px., on others it is rock solid. This is what I want on all of them. http://abshafer.com Style.css Thanks for your help.: Arnie __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I just do not understand style sheets.
Arnie I may be misunderstanding your question but, for it is worth, check out the CSS ZenGarden[http://www.csszengarden.com/]. Here the same XHTML document gets 'skinned' by one external style sheet to achieve a bunch of different layout and look and feel results. Arnie Shafer wrote: Can someone explain how a web site , using only one external style sheet, and all of the pages using a common template could render different displays. There should be a 4px border around the Page-title. on most pages it is there on at least one it is not there. Also, on several pages, the page jump up one or two px., on others it is rock solid. This is what I want on all of them. http://abshafer.com Style.css Thanks for your help.: Arnie __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Kind Regards Schalk Neethling Web Developer.Designer.Programmer.President Volume4.Business.Solution.Developers emotionalize.conceptualize.visualize.realize Landlines Tel: +27125468436 Fax: +27125468436 Web email:[EMAIL PROTECTED] Global: www.volume4.com Messenger Yahoo!: v_olume4 AOL: v0lume4 MSN: [EMAIL PROTECTED] We support OpenSource Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/ This message contains information that is considered to be sensitive or confidential and may not be forwarded or disclosed to any other party without the permission of the sender. If you received this message in error, please notify me immediately so that I can correct and delete the original email. Thank you. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I just do not understand style sheets.
1. have you validated your CSS? 2. have you validated all of your pages (html)? you really shouldnt have to do this; Casper Shafer's Family in America Home Page as Casper Shafer's Family in America Home Page will do. Both DIVs and H1s are block level elements. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Underneath Box Problem in IE
Hey everyone, I'm using images to round corners of boxes and in IE there is an extra solid bar between the boxes, using the background color from the contents of the box. It doesn't happen in Firefox. Please take a look and let me know if you see any probs I need to change. I'm stumped here. The site is: http://www.thepitfiend.com Thanks! Art- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I just do not understand style sheets.
Arnie, On May 14, 2005, at 7:54 PM, Arnie Shafer wrote: Can someone explain how a web site , using only one external style sheet, and all of the pages using a common template could render different displays. There should be a 4px border around the Page-title. on most pages it is there on at least one it is not there. On the home page you find The other pages are like this (notice the space character) Also, on several pages, the page jump up one or two px., on others it is rock solid. This is what I want on all of them. http://abshafer.com I didn't notice the 2px jump. Which browser displays this? hth Roger, Roger Roelofs Know what you value. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I just do not understand style sheets.
Thanks Jack, I had made some recent changes (which were all invalid). I withdraw my request for help until I get them all fixed. It will take some time. Arnie - Original Message - From: "jack fredricks" <[EMAIL PROTECTED]> To: "Arnie Shafer" <[EMAIL PROTECTED]> Cc: "css-d list" Sent: Saturday, May 14, 2005 9:09 PM Subject: Re: [css-d] I just do not understand style sheets. 1. have you validated your CSS? 2. have you validated all of your pages (html)? you really shouldnt have to do this; Casper Shafer's Family in America Home Page as Casper Shafer's Family in America Home Page will do. Both DIVs and H1s are block level elements. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I just do not understand style sheets.
Thanks Callum. I am going blind. Arnie - Original Message - From: "Callum Mcleod" <[EMAIL PROTECTED]> To: "Arnie Shafer" <[EMAIL PROTECTED]> Sent: Saturday, May 14, 2005 9:24 PM Subject: Re: [css-d] I just do not understand style sheets. On the home page (no border showing), this is due to there being an additional space in your code: remove the space after title and it should display fine. Cheers, Callum On 5/15/05, Arnie Shafer <[EMAIL PROTECTED]> wrote: Can someone explain how a web site , using only one external style sheet, and all of the pages using a common template could render different displays. There should be a 4px border around the Page-title. on most pages it is there on at least one it is not there. Also, on several pages, the page jump up one or two px., on others it is rock solid. This is what I want on all of them. http://abshafer.com Style.css Thanks for your help.: Arnie __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Head Scratchers
Ingo. Thanks so much for fixing the IE doubled margin issue and moving
#submast up to where it should be. I've felt a bit lost in the sea of CSS
hacks (I'm trying to resist the urge to go back to tables!). CSS-Discuss is
the only thing keeping me from drowning!
Still have 2 issues with this page:
http://www.computerrecycling.us/subpage3.htm
1. In both IE6 and Firefox, the #submast background url
(http://www.computerrecycling.us/images/subtopmast.jpg) is not showing up.
Is this because it is being overwritten by #maincontent's background URL is
overwriting it?
2. Tried the fix you suggested and it threw everything off. But did try this
fix and it does not cut off the text in IE6. No clue why but seems to work
position: static; margin-top: 116px;
- Frank
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ingo Chao
Sent: Saturday, May 14, 2005 7:36 AM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Head Scratchers
Frank McClung schrieb:
> I'm new to CSS, so please forgive these very simple questions.
It's not as simple as mentioned.
> 2. #nextstep and #ebay are correct in Firefox, but the #submast
> background image is still covered up.
Correct the 'ddd' typos: "paddding: 0px;" in your stylesheet. You should
validate your files.
> 1.Having problems in IE getting the boxes on the right to line up in
> the right column (#nextstep and #ebay) to line up and #submast to show up.
a) The right margin of the right-float is doubled.
http://positioniseverything.net/explorer/doubled-margin.html
Fix:
#nextstep { ... display:inline; }
#ebay { ... display:inline;}
b)That's a dilemma in IE6:
...
...
- #submast must have a appropriate dimension for its background-image.
- but with this dimension, it will contain the floating childs, and will
be expanded by their heights. (Apply a background:red; to see what I
mean.) In consequence, the following container is pushed down by the
height of the floats, no matter what height was applied to #submast.
Fix: rearrange
...
...
and omit the width:
#submast { border: medium none ; margin: 0px; /*width: 800px;*/ height:
94px; background:red url(subtopmast.jpg) no-repeat; }
> 3.Bottom of the page is cut off in IE.
3. Not entirely sure what's causing this.
#maincontent determines the height of the page, but you have positioned
is relatively to its static position. Looks like IE determines the
viewport height before the offset of its content.
Fix:
use a 'margin-top' instead of 'top'
#maincontent { border: medium none; margin: 0px;
background-image:url();
/*position: relative;*/ margin-top: 116px;
width: 800px;}
---
Hope that's all what I've changed.
regards, Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Head Scratchers
Cancel that last request on why #submast wasn't showing the background
url...bad path.
All is well...for now! Thanks.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ingo Chao
Sent: Saturday, May 14, 2005 7:36 AM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Head Scratchers
Frank McClung schrieb:
> I'm new to CSS, so please forgive these very simple questions.
It's not as simple as mentioned.
> 2. #nextstep and #ebay are correct in Firefox, but the #submast
> background image is still covered up.
Correct the 'ddd' typos: "paddding: 0px;" in your stylesheet. You should
validate your files.
> 1.Having problems in IE getting the boxes on the right to line up in
> the right column (#nextstep and #ebay) to line up and #submast to show up.
a) The right margin of the right-float is doubled.
http://positioniseverything.net/explorer/doubled-margin.html
Fix:
#nextstep { ... display:inline; }
#ebay { ... display:inline;}
b)That's a dilemma in IE6:
...
...
- #submast must have a appropriate dimension for its background-image.
- but with this dimension, it will contain the floating childs, and will
be expanded by their heights. (Apply a background:red; to see what I
mean.) In consequence, the following container is pushed down by the
height of the floats, no matter what height was applied to #submast.
Fix: rearrange
...
...
and omit the width:
#submast { border: medium none ; margin: 0px; /*width: 800px;*/ height:
94px; background:red url(subtopmast.jpg) no-repeat; }
> 3.Bottom of the page is cut off in IE.
3. Not entirely sure what's causing this.
#maincontent determines the height of the page, but you have positioned
is relatively to its static position. Looks like IE determines the
viewport height before the offset of its content.
Fix:
use a 'margin-top' instead of 'top'
#maincontent { border: medium none; margin: 0px;
background-image:url();
/*position: relative;*/ margin-top: 116px;
width: 800px;}
---
Hope that's all what I've changed.
regards, Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
