[css-d] IE6 and positioning
Hello, I'm having some trouble with IE6 -- which last time I tested the site, I don't remember having this problem, so I am not sure why this is happening. In IE6 the #nav is pushed down 100px. To fix this I added in ie.css: #branding {position: absolute;} #nav {padding-top: 360px;} But I would love to know why this is happening and hopefully remove these 2 rules. Would anyone know where the culprit is? Page is at: http://designbyelle.com.au/mq/ Thanks, 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/
[css-d] IE issues: positioning and background problems
Hello, I actually asked for assistance with first problem before and thought the problem was fixed but it is not. I have two problems with IE: 1. Cockerel at the bottom does not get the correct z-index -- should be in front of the #footer on the home page http://designbyelle.com.au/mq/ 2. I'm using a background image on #timeline, which does not appear in IE The page is at: http://designbyelle.com.au/mq/sailing-through-time.html I just can't think of why this is happening in IE Thanks, Elle __ 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] IE and background colour
On 13/01/2009, at 6:11 PM, David Laakso wrote: The site is at: http://farmpeacelove.com/italiano/alloggio At the moment I only test the page through browsershot.org -- and zoom: 1 didn't fix the problem. As of this writing your page is crashing: snip Validate the CSS? I get 4 errors: URI : http://farmpeacelove.com/css/typography.css 27: Unknown pseudo-element or pseudo-class :last-child URI : http://farmpeacelove.com/css/screen.css 31: h1, h2, #main h3: Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] : 0 1px 1px rgba(0,0,0,0.6) 46: .box: Value Error : background-color rgba(224,219,206,0.3) is not a background-color value : rgba(224,219,206,0.3) 97: * html .mini_gallery li: Property zoom doesn't exist : 1 The question is: can't I use CSS3 properties? and if I do implement CSS3 properties, would they validate in a CSS 2.1 validator? (my logic would say: no, they will not)... Still I do think there is no reason to avoid them -- especially if older browsers either ignore unknown properties or I hide it from them. The only one I don't understand from the above errors is the Property zoom doesn't exist : 1 -- I just don't know enough about zoom: 1 besides that I know it is used for having layout. Your thoughts? 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] IE and background colour
On 13/01/2009, at 6:11 AM, Ingo Chao wrote: 2009/1/12 Elle Meredith li...@designbyelle.com.au The site is at: http://farmpeacelove.com/italiano/alloggio Actually decreasing margin-right fixed the problem in IE6 but not IE7. Do you think it has anything to do with using outline? outline? CSS3 Basic User Interface property: http://www.w3.org/TR/css3-ui/#outline1 http://designshack.co.uk/tutorials/introduction-to-css3-part-4-user-interface which IE 6 (not sure about 7) does not recognise. It is still dropping in IE6. Let us try zoom: 1 instead of display:inline-block for li. At the moment I only test the page through browsershot.org -- and zoom: 1 didn't fix the problem. Elle __ 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
1. Background colour is not appearing on #quote and #bookings it does what ie.css says: #f2f3e6 Silly me. True and fixed. 2. .mini-gallery last floated li falls below. I tried to specify a smaller margin for IE but it still does not help. probably display: inline-block for li helps. This did not work. The thumbnails do not float anymore. Any suggestion? The site is at: http://farmpeacelove.com/italiano/alloggio Thanks Ingo. Elle __ 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 12/01/2009, at 12:17 PM, Elle Meredith wrote: 2. .mini-gallery last floated li falls below. I tried to specify a smaller margin for IE but it still does not help. probably display: inline-block for li helps. This did not work. The thumbnails do not float anymore. Any suggestion? The site is at: http://farmpeacelove.com/italiano/alloggio Actually decreasing margin-right fixed the problem in IE6 but not IE7. Do you think it has anything to do with using outline? Elle __ 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] IE and Negative Absolute Positioning
Hello, I've created this website on a mac. When checking the page on browser shots, I'm having trouble with absolute positioning an image of a rooster at the bottom in both IE6 and 7. Would anyone know how to fix it? Besides that, I haven't noticed any other major problems in IE (to my surprise) but maybe I have missed some. Could anyone let me know if there is anything else I've missed and should fix? The page is at: http://designbyelle.com.au/mq/ Thanks, Elle __ 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] IE and background colour
Hello again, I've got quick 2 more questions -- and again problems with IE. 1. Background colour is not appearing on #quote and #bookings 2. .mini-gallery last floated li falls below. I tried to specify a smaller margin for IE but it still does not help. The site is at: http://farmpeacelove.com/italiano/alloggio TIA, Elle __ 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] positioning problems (IE and Opera)
Thank you Dmitry Demeshkin and Ingo Chao. So, here's the problems and solutions again: In IE 6 and 7: #main-image not positioned right Solution: #additional-content {position:relative; width:450px; } #home #main-image {position: absolute; top:0; left:0;} divs pushed down Solution: declared .prepend-1, .prepend-2, .prepend-3 {padding-left: 0;} in my ie.css one of the texts pushed down in the gallery Solution: removed class=span-2 In Opera (and Safari): Logo is not position correctly Solution: #branding a {display: block;} Gallery's stage positioned too much to the left instead of right: Solution: I couldn't use display: block; which was the solution for the first problem, so instead I declared div.inner {width: 100%;} and to avoid width and paddings in the same rule, I redefined the padding on the child elements Last Problem: Navigation rounded corners. Solution: added color to the background rule. So in my case it was: background: white url(../img/rounded-left.gif) no-repeat left bottom; But I still have 2 last problems in IE -- if anyone has a minute to have a minute to have a look: The logo is appearing behind the main image on the home page -- even though it has higher z-index and on the gallery page, the stage images line up good when the page loads -- but if you leave the page on for a little while, the top background image appears and continues below the stage. The site is at: http://designbyelle.com.au/poinciana/ Thanks once again, Elle __ css-discuss [EMAIL PROTECTED] 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] positioning problems (IE and Opera)
Hi, I actually have a few problems with some elements and wanted to ask for your help. In IE (6 and 7): On the home page, the #main-image is positioned too much to the right and it is above the logo instead of below it. There are also a few divs that get pushed down: -- #featured-project on the home page -- #additional-content on the services page -- the text paragraphs in the gallery page In Opera 9 the main problem is that the logo is positioned too much to the left. Also my stage on the gallery page is again positioned to the left instead of right. One last thing (and I had this before but for some reason, I can't figure out how now): the round corners in the main navigation -- one corner does not align. The site is at: http://designbyelle.com.au/poinciana/ A lot of questions -- I know -- any help would be much appreciated. Cheers, Elle __ css-discuss [EMAIL PROTECTED] 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] footer and multiple background images
Hello, I am trying to create an affect where the tree image comes in front of the grass repeated image. At the moment, the tree is a background image in the #content div and the bkg-grass.jpg is in the background of the #footer. Defining the faded tree in the background of the #content makes it easier with alignment, which might be difficult to achieve otherwise -- but I am open to suggestions. So basically what I want is to have the grass image to repeat itself across the page and the tree image to appear in-front of the grass image and to be right- aligned with the #content. I can think of a couple workarounds but I wanted to ask for a recommendation for what would you think would be the best way to achieve that affect? The page is at: http://designbyelle.com.au/poinciana/ Cheers, Elle __ css-discuss [EMAIL PROTECTED] 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] footer and multiple background images
You're trying to affect a creation, right? Try this, to your HTML, add a wrapper division that starts right after the body, and ends right before the footer. To the CSS, remove the background image from the footer, but make sure you add a background color (#bdbcaf). Then add, div#wrap {background: transparent url(../img/bkg-grass.jpg) left bottom repeat-x;} You'll have to change the faded-tree.jpg to a transparent .gif or .png, making sure the trunk in dark enough. That worked like a charm Peter -- and easier than what i would have come up with. Thank you. Could I also ask for general feedback about the page so far? Thanks once again, Elle __ css-discuss [EMAIL PROTECTED] 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] footer and multiple background images
On 08/08/2008, at 10:05 AM, David Laakso wrote: Re: http://designbyelle.com.au/poinciana/ Are you asking the list? Yes David :) I was asking the list. Just a quick disclaimer: haven't checked my page in IE just yet. On 08/08/2008, at 9:40 AM, Peter Hyde-Smith wrote: Dan Cederholm's Bulletproof Web Design, http://simplebits.com/publications/bulletproof/ shows a number of nifty tricks like this. Actually have it and read it. Great book -- not sure why my head wasn't working. Will have a second look at my font-size. Thanks, Elle __ css-discuss [EMAIL PROTECTED] 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] footer and multiple background images
On 08/08/2008, at 10:19 AM, David Laakso wrote: I regret: left column float drop at +1 font-scaling in Mac Safari and Camino. Same in XP FF/2.0.0.14. Our favorite browsers, IE/6 and IE/7, drop the left column at text-size largest. At first I wanted to ask: Now, why would that happen? But then I realised that my floats' margins were set in ems. Changing that to px fixed this. Thanks David, Elle __ css-discuss [EMAIL PROTECTED] 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] Who is this person ?
Christopher wrote: How can you check past digest posts? How long is this going to continue? Now, I usually keep in the background but... this has been fascinating following up these threads -- which have been going so off-topic. One good thing though -- I've discovered How to ask questions... by Rick Moen and and MarkMail :) Christopher, may I suggest checking the list guidelines for posting at http://css-discuss.incutio.com/?page=PostingGuidelines Elle __ css-discuss [EMAIL PROTECTED] 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] right align and shrinking browser window
Hi, I have a page where I have the following rules: body {text-align: right; width: 103.5em; height: 127em; } #container {position: absolute; width: 103em; height: 127em; right: 0; } Inside the #container, I have other absolute positioned elements. And it works well when the browser window is wide enough... but when I narrow the browser window, the scroll bars appear and still keep the width as 103.5em but content to the left disappears and I get a big white empty space to the right. If I add body {position: relative;}, scroll bars work fine but when the browser window is wide enough, the layout is aligned to the left and not right. Sorry for not providing a link. Is it possible to find a solution with how I describe the problem? Thanks, Elle __ css-discuss [EMAIL PROTECTED] 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] wrapper width and IE
On 25/03/2008, at 7:17 PM, Kepler Gelotte wrote: but IE still pushes the other divs down and really messes things up By relaxing the left margin slightly solves the problem: #wrapper { PADDING-BOTTOM: 3em; MARGIN-LEFT: 2em; WIDTH: 66em } What about widening the #topwrapper instead to 90em? Would that have the same effect? Elle __ css-discuss [EMAIL PROTECTED] 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] wrapper width and IE
I don't have IE6 to check it out but it already looks better in IE7. Still got 2 problems: 1. Same page: http://mesfiji.org/about/mes-staff In IE7 (and I would assume the same in IE6), the text in the dd gets pushed down below the image. Now I know that IE has trouble fitting floats, but there should be enough space for it to fit in. 2. A different page: http://kids.mesfiji.org/ IE doesn't see my links that are scattered over the map. How can I fix it? Thanks, Elle On 26/03/2008, at 3:33 AM, Kepler Gelotte wrote: What about widening the #topwrapper instead to 90em? Would that have the same effect? I would *assume* so. My guess is that IE has some float rounding error when figuring how much room is available in divs. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 Kepler Gelotte ([EMAIL PROTECTED]).vcf __ css-discuss [EMAIL PROTECTED] 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] wrapper width and IE
On 26/03/2008, at 12:34 PM, Gunlaug Sørtun wrote: BTW: that page looks a bit funny when subjected to font-resizing, as most containers are sized in 'em' but the dl has a width in 'px'. Creates lots of whitespace down the page. Thank you guys. All fixed and point above taken and implemented. Thanks again, Elle __ css-discuss [EMAIL PROTECTED] 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] Site Check
Well more a page check. After lots of spinning my wheels, I think I've got this working??? I've looked on PC Win2k Firefox, Opera 9.0, IE 6.0. URL http://www.abilityincorporated.org.au/index.php Everything validates and I'm hoping it's a fairly okay (not perfect) accessible page which will be used as template for the site. Would really appreciate any comments etc and if it breaks etc. Hi Vicki, The page looks great. A couple of suggestions: 1) div#ufwus and div#navigation -- both have width set in %. When you resize the text, the widths stay constant and the navigation flows over the main text. Maybe think of changing to using ems. This way the relations between the divs will remain. 2) Your main text is littered with pnbsc;/p You should remove them and control the spacing between paragraphs in your css -- i.e. p {margin-bottom; 10px;} (or whatever you want the margin to be.) Just my thoughts anyway. Cheers, Elle http://designbyelle.com.au __ css-discuss [EMAIL PROTECTED] 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] Drop down menus bunching
A site I've designed (daily.swarthmore.edu) uses drop-down menus as its primary means for navigation, since it has an enormous number of categories (I'm up to 57 now) which aren't really set for display in any other format. In Safari and newer versions of IE, the site displays properly all the time. Occasionally in Firefox (like once every fifteen refreshes) the site changes from showing this: The CSS isn't changing, and no content has changed between those two screen shots: the menu just goes all strange. Miles. Taking out #pmenu { display: table;} works for me on FF/Win HTH, Elle http://designbyelle.com.au __ css-discuss [EMAIL PROTECTED] 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] UL pushed down and to the right
Hey, I created a map with points of interest on it using an ul. I defined the ul as position: relative; so I could position my points absolutely and the actual map is in the background. It works great on every browser besides IE. (IE7 is good, IE6 is not, haven't even dared to check IE5). In IE6 my map is pushed down and to the left. The map is at: http://waznelle.com/td/v1.php?page=divesitesmap Would you know why this happens? TIA, Elle __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE and Floats
I've have a problem with IE (what a surprise) and I was hoping someone could help me. http://waznelle.com/td/ I have a main column (#maincol) and a side column (#sidecol). Beforehand I had the #sidecol before the #maincol and floated it and all was good. Then I changed the order of the content and floated the #maincol but the #sidecol just doesn't want to get into place. It is probably a problem with padding but I don't believe I have any (only around the images which IE 5 doesn't show anyway). On a different note, a couple of extra problems: * my #topnav breaks up in opera 7 * And IE5 doesn't show my heading using {text-indent:-5000px;} Any help will be much appreciated, Elle __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Dropdown menus - help
Hello everyone. I used A List Apart drop down menus (Sucker Fish) and I love them. But when I checked my page older browsers, it didn't come out as I would have liked it to. The page is at: http://waznelle.com/3756/tumbalong/index.html IE6, Safari 2, Netscape 8 and FF1.5 not a problem. Netscape 6.23, opera 7 and IE5 for win don't really like my drop down css menus. Also, some don't like my left column paddings. Would anyone have a quick fix before I start exploring hacks and their kind?... Vinaka (Thank you in Fijian) Elle waznelle.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/