Re: [css-d] [REPOST] IE6 - top margin too large
Zoe M. Gillenwater wrote: Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-stripped.css It seems like you should be able to remove the top margin on #centrecontent, give it 1px of top padding, then give .trail the appropriate amount of top margin to push it down from the navigation bar. I thought so too, but sadly not :-( - thank you for the suggestion, though, it was worth a shot. Gunlaug Sørtun wrote: It isn't obvious at all what's going on in there :-) Had to make several attempts before cracking it. Glad it's not just me :-) Sometimes working with these sorts of things can make me feel SO stupid Finally I added a clearing-element, and everything fell into place... /ul/div br style=clear: both; / div class=left_menu Then I added 'padding-top: 1px;' to #centrecontent, and it worked as expected because of the clearing-element. You can now adjust 'margin-top' on #centrecontent, and get the same result in all browsers. That's fantastic - thank you so much! I think I need to read up a bit more on effective clearing. Thanks also to Donna for additional suggestion - I'm going with Georg's suggestion since it means I don't have to use a hack or CC to get round IE :-) Cheers, Rachael __ 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] [REPOST] IE6 - top margin too large
Hello, I'm not sure if I didn't get any replies previously because the solution is really obvious to everyone else... but it's certainly not obvious to me, and I am being badgered to hand over this template! I've Googled and searched the Wiki and am no closer to understanding what the problem is. Can anyone help me? Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-stripped.css In IE6, the top margin of #centrecontent appears to be measured from the bottom of the navigation div, which means there is a large white gap between the bottom of the navigation and the breadcrumbs. In Firefox/Opera/Safari, the margin is apparently being measured from the top of the #page div. I thought this might be the collapsing margins issue, but applying borders and padding to everything I could think of seemed to make no difference. What am I missing here?? (Am aware of the messy left nav in IE6 also, but haven't yet had a go at fixing that one myself so won't trouble the rest of you with it). Many thanks, Rachael __ 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] IE6 - top margin too large
Hello List, Nearly there with what should be oh such a simple page Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-stripped.css In IE6, there is a large white gap between the top of #centrecontent and the bottom of the navigation div, which I don't want to be there (and which doesn't appear in Firefox or Opera). If I remove the 18px top margin from #centrecontent, it looks fine in IE, but not in Fx/Opera (the breadcrumb trail then buts up against #navigation). Is there a way round this? Many thanks, Rachael __ 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] partial [REPOST]: Layout problems: nav height
Dear List, Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-simple.css I fixed the issue with the #centrecontent div, which turned out to be due to a simple validation error (duh...) - I had validated the CSS a few changes back, but obviously not immediately before posting. Apologies for that. I'm still trying to deal with the height of the main navigation. All comments below refer to page as viewed in Fx 1.0.7 on WinXP. IE6 is totally messed up, but that's a painful task I'll have to deal with a bit later... I want the #primnav list to be the same height as the home link. I don't want any of the background of the #navigation div to show underneath the home link. It appears that to do this (with the layout I have at present) I need to set an explicit height on all three (#navigation, #primnav, .home). I have managed to achieve the effect I want at default text size settings. However, when I resize the text the effects are somewhat erratic - sometimes the bottom edges of the two line up nicely, sometimes they don't. I suspect I'm after the impossible, wanting it to appear pixel-perfect while still using ems to handle text-resizing... but maybe those with much more experience than I could confirm this for me? Many thanks in advance for your advice. Cheers, Rachael ___ Sarah Harrison: I want a job where there is achievement rather than activity. Humphrey: I don't understand. Sarah Harrison: I know. That's why I'm leaving. Yes Minister - Equal Opportunities __ 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] Layout problems: nav height, position of main content
Dear List, Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-simple.css Confession: based on inherited code, as it needs to fit with a family of existing sites. I've stripped out as much as I can to try to simplify things. Problems (as viewed in Firefox 1.0.6 on WinXP - I haven't even touched IE6 yet) as follows: 1) Height of main navigation: I want the #navigation div to be the same height as the home link. If I set the height on the div explicitly (or on the ul inside it, or even on both), it doesn't seem to make any difference. This makes me think that it is expanding to accommodate *something* inside it, but I can't figure out what. 2) Position of centrecontent: I want this div to sit nicely underneath the #navigation div and to the right of the left_menu/green_menu divs. According to Aardvark, it's doing neither, but starting in the top-left corner. I set a 128px left margin on centrecontent to deal with the latter, which worked for a while, but in fiddling with the code to try to address problem (1), I appear to have broken it again :-( I'm sure that the problems here are all related to fairly elementary CSS concepts (my suspicions are collapsing margins and float drops), and the answers will be obvious to you old hands. However, having read articles on these topics until my head spins, I still can't figure it out. I throw myself on your collective mercies! Many thanks in advance for your advice. Cheers, Rachael ___ Sarah Harrison: I want a job where there is achievement rather than activity. Humphrey: I don't understand. Sarah Harrison: I know. That's why I'm leaving. Yes Minister - Equal Opportunities __ 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] CMS question
Jeff Cortez wrote: Has anyone had any experience with an open source content management system and implemented standards compliant code along with it? Hi Jeff, Just in case you didn't find it, there is a page on the Wiki: http://css-discuss.incutio.com/?page=CssFriendlyCms You may also find Roger Johansson's article on installing and running a site based on Plone interesting: http://www.456bereastreet.com/archive/200503/content_management_with_plone/ and the comments on his first post about the project to which it's related, asking for recommendations of open-source CMSs: http://www.456bereastreet.com/archive/200409/open_source_cms_recommendations_wanted/ I guess you're really after personal experience, but just in case you weren't aware of those resources. At work, we're looking to replace our proprietary CMS (which mainly plays nicely with CSS, though occasionally picks up its ball and goes home...) with an open-source one in the next year or two, so I'm also interested to see what people think. Cheers, Rachael __ 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] Using background-position and background-repeat together
Dear all, I've read the specs, searched the wiki and searched the archives, and can't find the solution, so apologies if I have overlooked something really obvious. I'm trying to simulate an image border on a central content area, by adding the right-hand border to a wrapper div and the left-hand to the main content area inside it. When I set the background-repeat on the right-hand border to repeat-y, I can no longer seem to control the image's initial vertical position (i.e. it starts immediately at the top of the div rather than, say, 70px down). Page: http://www.petrucci-ensemble.org.uk/redesign/petrucci-redesign-debug.html CSS: http://www.petrucci-ensemble.org.uk/redesign/style-debug.css Is this a known issue/correct behaviour? And if so, is there a way round it that doesn't involve hacking in additional non-semantic divs? Many thanks, Rachael __ 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] Using background-position and background-repeat together
Valette Ragland, Adam Kuehn and Eric A. Meyer wrote (variations on a theme): Actually, it starts exactly where you placed it. It's just that repeat-y means exactly that: the image is repeated in both directions along the y axis-- in other words, both up AND down. Aha - I appear to have forgotten that basic rule of Never Assume... :-) That's the correct behavior, given your CSS. I can't think of a solution that doesn't involve adding at least one more div or other element. OK, that's the reassurance that I needed (I'm aware I'm a little too ready to slap in unnecessary extra divs to solve this kind of problem). Thanks for taking the time to respond - much appreciated - this list is such a fantastic resource. Cheers, Rachael __ 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/