[css-d] IE6 link not working

I'm having problems getting a link working IE6. The Les mer links in the two top elements in the right column won't respond to any :hover or clicking or similar. I've tried adding hasLayout with no luck. Removing the container div's background .png also doesn't make any difference. I'm very ready

Re: [css-d] IE6 link not working

This is the trouble line: a class=linkLes mer/a For an anchor tag to take effect, it has to have the href= attribute set, otherwise the link won't fire and it seems that IE6 isn't acknowledging your a tags without href, hence your lack of :hover effects. The :hover shows up fine in IE7, btw.

Re: [css-d] Newbie overlapping graphics

http://www.yourwebdna.com/runyan/ The background graphic should be at the top and centered about 10pixels down. I don't understand why the whole thing gets pushed down the page just to overlap the front div. In the html you'd want to get rid of your #headingbackground div, and set the

[css-d] Safari 2 bug - vertically repeating no-repeat background

I've come across this one before, but didn't find a solution then either. So I'll just throw it out there - In Safari 2.0.4 when shifting a background image on a:hover the bottom 1px or so comes into view above the un-hovered image. Clearly a bug (in my mind), but how to avoid? some code to

[css-d] absolute positioned dropdown going wrong in IE

I was positive I'd be able to figure this one out, but here I am, asking the list again :) http://edb.episerverhotell.net/en/Bransjer/Handel-og-Industri/Minibanktjenester/ The dropdown under the Bransjer tab is unclickable on the part that should be hovering over the div class=secton article. I

Re: [css-d] absolute positioned dropdown going wrong in IE

Basically I'm saying that you'll have to apply z-index: 2 to #header, to have the entire #header higher in the stack, nearer to the user, than #main. Ingo Thank you! I've read about the IE stacking context before, but not been able to understand it until now. It even solved my iframe

[css-d] Fwd: Horizontal scrollbar in IE7

I don't think this email went through yesterday, so I'm giving it another shot. http://edb.episerverhotell.net/no/Referanser/ On these pages only IE7 gets an undesired horizontal scrollbar. It is not the italics/float right bug, so what is it? Before anyone tells me to validate it, that is

[css-d] Horizontal scrollbar in IE7

http://edb.episerverhotell.net/no/Referanser/ On these pages only IE7 gets an undesired horizontal scrollbar. It is not the italics/float right bug, so what is it? Before anyone tells me to validate it, that is beyond possible. What we're dealing with here is EPIserver 5, and a lot of people

Re: [css-d] Problems with spacing in IE on vert horiz centered thumbnails

On 11/27/06, ~davidLaakso wrote: jim o'malley wrote: I'm creating a website where I want to create a thumbnail gallery that vertically and horizontally centers images of non-uniform size http://www.jpomdesign.co.uk/starfish/prev_wk/almost2.html [trimmed]

[css-d] Styling legend in fieldset

From what I read, it is virtually impossible to acheive a decent crossbrowser result doing this. And Firefox seems to be the bad boy this time! I've been searching the forums and google, and this http://archivist.incutio.com/viewlist/css-discuss/11279 has been the best info I've found except for

Re: [css-d] Styling legend in fieldset

legendspanLegend/span/legend legend span { display: block; add styles... } This doesn't work with width: 100% though, only fixed width. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

[css-d] IE6 ol list bug

I'm having trouble making IE6 display the numbers in a ordered list. I know list backgrounds are a problem, but here I'm using the lists' own numbers. Works in FF and Safari. But not IE. I've tried all the tips at http://www.positioniseverything.net/explorer/ie-listbug.html and other places, but

Re: [css-d] Styling legend in fieldset

http://art-dept.org/test/standardform.html Austin That looks a lot like what I needed 2-3 days ago :) Deadline is today, and the site is almost done. With some bad markup. But I'm definitly bookmarking your example for later use. Thanks! ~eys

[css-d] @import not validating?

I'm using @import url(reset.css); on the first line of my stylesheet, but the W3C CSS validator sees this as an error. Is this correct? If so, is there a way to validate it? I tried setting the full url, but that didn't help. thanx, Eystein

Re: [css-d] @import not validating?

I'm using @import url(reset.css); on the first line of my stylesheet, but the W3C CSS validator sees this as an error. What did the validator report? And, most importantly, what's the URL of your stylesheet? Without it, I don't think we can get anywhere, since the @import construct as such

Re: [css-d] Problem between IE 6 and Firefox - at end of my rope.... please help

I can't figure out why but in IE 6 my spacing looks different (more space on LI). http://www.webjerks.com/ Looks ok here. There's a slight difference, but nothing bad. A couple of other issues though. - Why are there images (which don't load anyway) in the list? Would make more sense to use

Re: [css-d] strange display error in IE 6

on this site http://www.florist.ch I have a real strange display error. The side shadow is being repreated below the footer shadow. Looks like your #wrap div has some bottom padding in IE6, even though your CSS says 0. You could perhaps circumvent it by adding some negative bottom margin, or

Re: [css-d] css gradients

Are there any plans for gradient bg colours in CSS3? Have a look at http://www.css3.info/preview/. Not sure if you'll find what you want there, but probably something new anyways. I remember, or imagine I remember, seeing somewhere someone setting a from-to #hex colorvalue. Maybe it was a

Re: [css-d] Opera 9 display bug?

I have a page which displays fine in FF and IE, but in Opera 9 the border around the comment field is missing (see lower right of page): http://www.kdwebstudio.com/contact.html style sheet: http://www.kdwebstudio.com/styles2.css In my Opera 9.2 (Mac) i see the border, albeit it's a less

Re: [css-d] MAC EXPLORER sucker fish drop down menu PROBLEMS

On 6/12/07, ochieng' nelson [EMAIL PROTECTED] wrote: Mac firefox, Mac safari renders the following page well but Mac Explorer won't. Any solution? Page is: gilroy.50webs.com css: [snip!] Solution: ignore Explorer for Mac. Why? Unless you have site visitor stats to prove the contrary,

[css-d] Render divs oposite of source order

I have a html source which I cannot edit, only through css. div id=container div id=summarysome summary/div div id=contentsome content/div /div How do I make the 'summery' render in below the 'content' in the browser? __

[css-d] Centering, but with max left margin

I want to center my content, but when the browser window is above a certain width I want the left hand margin to stop at say 200px (or x%), while the right hand margin continues to grow. How do I do this? __ css-discuss [EMAIL

[css-d] IE border / clear floats problem

I've used Position is Everything's Equal Hight Columns ( http://www.positioniseverything.net/articles/onetruelayout/equalheight) technique to arange 3 footer-boxes next to each other inside a non-floated container, whos parent is floated. My problem is that IE(6) won't render the parent

Re: [css-d] IE border / clear floats problem [SOLVED]

Just thought I'd let you know I figured it out myself. It was a matter of filtering a float: left; to IE on the parent container. I've used Position is Everything's Equal Hight Columns ( http://www.positioniseverything.net/articles/onetruelayout/equalheight) technique to arange 3

Re: [css-d] IE border / clear floats problem [SOLVED]

The corrections are towards the end of this stylesheet, from #info_container and down: http://www.eystein.no/test/xrs/Public/Styles/ie.css http://www.eystein.no/test/xrs/template_main.php The relative positioning, and the new widths are to work around the boxmodell problems. The real solution is

[css-d] IE list padding/border bug

http://www.eystein.no/test/xrs/template_main.php The li items in the navigation gets to much padding in IE6. I know this can be avoided by setting a border to them, however, that messes up the background images I'm using. Is there another solution to fix explorer?

[css-d] clear-float madness

The floatclearing has returned to hunt me. How do I stop it from clearing more then its parent div? Nor floating up next to the preseding div? I just keep banking my head against the wall on this one. http://www.eystein.no/test/xrs/template_main.php

Re: [css-d] clear-float madness

Thank you Georg, always the saviour! Now, offcourse, IE is giving me a headache. It simply doesn't render some of the styling, backgroundimages etc. Easy to spot - have a look: http://www.eystein.no/test/xrs/template_main.php http://www.eystein.no/test/xrs/template_om.php

Re: [css-d] IE list padding/border bug

of it though, I'll use it next time. Regards, Eystein On 5/19/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote: Eystein Alnaes wrote: http://www.eystein.no/test/xrs/template_main.php The li items in the navigation gets to much padding in IE6. There are a number of ways to fix

[css-d] Can't get rid of IE margin!

This is driving me nuts! Can someone please tell me why I can't get rid of the margin between the main content and the right column? I thought it was the 3px gap or a has-layout issue, but those didn't help. Pretty please with sugar on top http://www.eystein.no/test/xrs/template_om.php

[css-d] Site-check

I'd just like to know how this looks on Windows, perticulary on IE. Tryed to add IE/win filters/hacks from memory, but aren't able to check it without my windowsbox. I've used two things in perticular: - min-width for IE with css only (please don't mind the extra markup) - display: block; /

[css-d] Not quite the peekaboo-bug? (IE6)

I'm having an interesting time trying to figure this one out. Upon loading the layout is mixed up, but try hovering over the left-column links. Layout fixed! Why? I don't know. http://www.eystein.no/test/OR/fluid.html http://www.eystein.no/test/OR/Public/Styles/fluid2.css Eystein.

Re: [css-d] Not quite the peekaboo-bug? (IE6)[SOLVED]

Well, my bad. It was the peekaboo. I was just looking in the wrong place. So adding height:1%; for IE fixed it. Eystein Upon loading the layout is mixed up, but try hovering over the left-column links. Layout fixed! http://www.eystein.no/test/OR/fluid.html

Re: [css-d] Site-check

http://www.eystein.no/test/OR/fluid.html I think I can live with really large fontsizes not working to well, this is a rather hasty project. But - Opera8.5 is not displaying the menu right, any idea why? and IE7b totally messes up everything too. I think it's time for me to start paying

[css-d] IE's quirky percentages, and more. Help!

Sorry to bring my site from last week back up, but I'm having a series of issues with IE6. Again. http://www.eystein.no/test/osloreg2/ 1. When hovering the Les mer links, or any other a tag within a p, the lines around it, and/or the background image (green bullet) jumps to the left. Which I've

Re: [css-d] Double-star selector, layout question:

http://www.ambiguism.com/test/index2.html I mainly curious as to how the blow universal selector(s) affect elements on the page: .col * { margin-left: 15px; margin-right: 15px; } .col * * { margin: 0; } The * is a universal selector - it selects everything. In the first case it adds a

Re: [css-d] Need 1px border with 5px radius curves

I am trying to get a border that is compliant on all 4 main systems/browsers that has a 1px border with a 5px radius curved corner. I was thinking of going the image route but is this really the best way? Unless you feel comfortable with javascript and DOM-altering, images are still the way

[css-d] horisontal nav-list not in ie

I'm having a problem with a nav-list not rendering horisontal in IE5.x and 7b2. (I don't have IE6 anymore thanks to IE7 :/ ) Using sliding doors expands the li's to the full width of the parent element, which I believe they shouldn't. I'm using typical markup: ul id=tabs lialink 1/a/li . . /ul

Re: [css-d] Why is it jogging on the Mac?

http://mdh-test.com/perry_roofing http://mdh-test.com/perry_roof.css The contact page on FF and Safari on the Mac is jogging to the right. On Netscape 7.2 the testimonials page and the contact page jog. If you by jogging mean that all of the contents jump ca 10 px, that would be because

Re: [css-d] Why is it jogging on the Mac?

I already have html, body set to 100%. Why does adding the extra .1% fix it, which it does? Theresa It spans the page larger then the actual viewport of the browser, no matter how much you resize the browserwindow, - thus forcing the scrollbar to always appear. By the way, I haven't

[css-d] Nowrap inside a, but wrap between?

I'm redesigning a forum page where I can't touch the html. There is a div containing a variouse number of anchor tags. Eg: div aSearch/a aRecent topics/a aBack to home page/a /div I dont want the words within each anchor to wrap to a new line, but I do want the full anchor to wrap to a new line

Re: [css-d] Nowrap inside a, but wrap between?

If you want the links to be inline elements, then yeah, do whitespace nowrap. If you need to be able to control them vertically, you might want to experiment with just floating each link left. a {white-space: nowrap;} That will work in most cases in most browsers. I've grabbed the

[css-d] 3-col - Oposite floats vs. Negative margins

I would like to ask the list of its view on which technique seems more appropriate (read: trouble-free) for a large 3-column site with mostly dynamic contents. Method 1: Opposite floats - #box1 floats left, #box2 floats right (with another #sub-box 1 and 2 inside also floated left and right).

[css-d] Safari float problem

http://www.eystein.no/test/xrs/template_main.php http://www.eystein.no/test/xrs/Public/Styles/blocks.css Bringing up a old problem here, why aren't the three bottom containers (#block_x) aligning horisontal in Safari? Works in Firefox, and IE6 with some filters. It's the #wrapper div containing

Re: [css-d] 3-col - Oposite floats vs. Negative margins

[...] But I have discovered that, with Windows set to 120 PPI, the 100% dimensioned text is 'normally' 16 pixels in Gecko, but 20 pixels in IE and Opera. Mostly not a problem, but it *may* cause floats to drop if you use ems to dimension or pad blocks horizontally. [/...] I agree with Gunlaug on

[css-d] Safari float problem - please help

Resending this, as I now have the client on my neck :/ http://www.eystein.no/test/xrs/template_main.php http://www.eystein.no/test/xrs/Public/Styles/blocks.css Why aren't the three bottom containers (#block_x) aligning horisontal in Safari? Works in Firefox, and IE6 with some filters. It's the

[css-d] Elastic faux columns - New technique?

I thought I'd share this with the list, as I haven't seen it anywhere before. Working on a project I needed a way to have full height on a 3-column layout, which should also be elastic. That is resizes in width upon font-resizing, instead of pushing the text further down as in fixed width or

[css-d] Opera8.5 not showing column

http://files.nho.no/rayon/site/index.phtml __ 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 --

[css-d] styling a hr / in IE

I've been looking around for this without finding a working solution, is there any way to style a horisontal ruler in IE? More specifically I'm looking for the equalent of a 1px dashed border, but I want to avoid using a div for semantic reasons. For standard browsers I've used hr.ruler {

Re: [css-d] Opera8.5 not showing column

On 9/5/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Eystein Alnaes wrote: http://files.nho.no/rayon/site/index.phtml Looks like there's a problem with the compensation for older Opera-versions for .equal. I changed it once, and your page worked in 7.54 and 8.5. However, I don't have time

Re: [css-d] styling a hr / in IE

On 9/5/06, Eystein Alnaes wrote: .hr { border:1px dotted #00; } Ian Nice, but IE seems to add a margin or padding which I can't zero. Eystein On 9/5/06, Ian Young wrote: Where exactly? Ian Above and below. Which is only a concern in at the top of the left column, where

Re: [css-d] styling a hr / in IE

I don't remember where I stole this: hr {border: none 0;border-top: 1px dashed #000;width: 50%;height: 1px;} Maybe it will work for you. Maybe not. ~dL The replyes are coming in faster then I can test them. Thanx! Sadly I'm still not getting around the magic margin/padding. Ey

Re: [css-d] styling a hr / in IE

Is the issue not with the archivnav div. There is a padding of 10px 0 10px 7px? This will account for the spacing/padding at the top of the second menu in IE. Ian No, I wouldn't think so (also tested), since the hr / is closed before the archiveNav div opens. Eys

Re: [css-d] styling a hr / in IE

Put the page on a public server and give a clickable link to it. ~dL http://files.nho.no/rayon/site/index.phtml __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub --

[css-d] Weird form-behaviour in Firefox

With the risk of being OT, but I have no clue what's causing this - on http://files.nho.no/rayon/site/index.phtml in Firefox I can't select the input search-box nor the dropdown lists. Any ideas as to why? __ css-discuss [EMAIL

Re: [css-d] Good Conditional Comments Book

*CSS Hacks and Filters: Making Cascading Stylesheets Work* http://snipurl.com/w173 Don, I think you are going the wrong way about it. Although it makes sence to think about that way - I did it myself, got the book, but it isn't very good, despite the title. I've found it much better to learn

[css-d] ie showing background image, but not other styles

I'm using the body-id with link-class to highlight the current page, but IE (surprise) chokes on it. Showing the backgroundimage, and font-weight, but none of the other styles. The nearest I've got to a fix was taking away all parent divs, which worked once, but not again. Are you seeing the same

Re: [css-d] ie showing background image, but not other styles

I'm using the body-id with link-class to highlight the current page, but IE (surprise) chokes on it. Showing the backgroundimage, and font-weight, but none of the other styles. The nearest I've got to a fix was taking away all parent divs, which worked once, but not again. Are you seeing the

Re: [css-d] ie showing background image, but not other styles [SOLVED]

No highlighting in IE6 on win2K, because 'a:link' is the wrong status as IE sees it (it has already visited the page when it's loaded :-) ) Changing it to... body#arbeidsliv #mainNav ul li.arbeidsliv a { ...seems to cover it, and works fine on a local copy - same in IE6, Firefox 1.5. and

Re: [css-d] ie showing background image, but not other styles

Some other thing about your arbeidsliv page. I noticed that @ first load and @ refresh the page has a latency time, and is jumping up and down (IE6 and FF1.07 and Opera8.01 under Win98SE), due to the javascript for the rounded corners. And I'm guessing: that happens too when going from one

[css-d] wrap dl in link?

I'm doing a image gallery, and thinking of which way would be the best to set it up. I was about to set it up equal to http://www.maxdesign.com.au/presentation/definition/dl-image-gallery.htm , however I need the whole imagecontainer to be clickable. Which is when it hit me that there might be

[css-d] Smoothing fonts in IE/win

I'm looking for a way to present a visually pleasing font in IE/Win even when the user hasn't turned on the Make-fonts-smooth or whatever it's called in Windows these days. I've done some searching and found and found a couple of sites about embedding fonts.

[css-d] image gallery

I'm making an image gallery where I don't know the size of the pictures which will be in it. But I want the 'holders' of the pictures to be of a set size, and use overflow: hidden. Here's a sketch: http://www.eystein.no/test/bildegalleri/images/samle7a.png My try:

Re: [css-d] Sensitivity in posts WAS: image gallery

I would be courteous to provide a note of some sort before linking to samples with explicit or pornographic content Thank you. dan storm ~ web developer ~ w: 206.266.0292 ~ c: 425.503.9580 Please accept my apologies. My only excuse is to point to cultural differences, as this example is

[css-d] Solution for Vertically Centering Image. WAS: image gallery

To bring this thread back on track, I've come up with what I think is a nice solution for my earlier problem. I put up a page with a stripped down solution here: http://www.eystein.no/test/vertical_centering/verticallycentering.html And the finished gallery example here:

[css-d] Two (new?) IE7 bugs: percent-width and peek-a-boo(-ish)

Bug #1: The site I'm IE7ifizing is http://www.zett.no/, and the problem I'm running into can be found in the lists at the prospect pages http://www.zett.no/bil__til_salgs.html?objectId=719865. The list beneath the image of the car, listed under Utstyr should float side by side if there is enough

[css-d] Another IE problem

I've been toying with making my own little rounded corners tutorial, because I figured that's exactly what the internet needs. The example so far is here: http://thatnorwegianguy.com/playtime/rounded-corners.html It works fine in Opera, Safari and Firefox. But off course I had to run into IE

Re: [css-d] Another IE problem

http://thatnorwegianguy.com/playtime/rounded-corners.html This brought it up fpr me in XP IE/6.0 (tested only on a local file): * html .wrap-me { position:relative; zoom:1;} * html .inner-wrap, * html .middle-wrap, * html .outer-wrap { height: 0;} Thank you David, that did it. I should

Re: [css-d] Centering landscape images vertically within a lightbox (not working in any browser)

On Tue, Aug 19, 2008 at 9:04 AM, Eystein Alnaes [EMAIL PROTECTED] wrote: I'm having a lot of difficulty vertically aligning landscape thumbnails to sit in the middle of their containers on this page: http://www.bfi.org.uk/rw_dev/ava_gardner_and_killers_1946.html Have you solved your

[css-d] Anchor not responding in Safari5

In Safari5 on http://unf-j016.universalfavourite.com.au/, when hover on the Facebook button in the header the cursor doesn't respond. In other words, the link doesn't get registered. The other buttons work ok. And I only have this problem in Safari5. (oh, and I know the layout is broken in in IE6

[css-d] Safari 'overlabel' absolute position problem

Hi, I'm using the jQuery version ( http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/) of the overlabel.js script from A List Appart ( http://www.alistapart.com/articles/makingcompactformsmoreaccessible). Hold on - this is a CSS question! I've triggered some weird

Re: [css-d] Safari 'overlabel' absolute position problem

Hi, I'm using the jQuery version ( http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/ ) of the overlabel.js script from A List Appart ( http://www.alistapart.com/articles/makingcompactformsmoreaccessible). Hold on - this is a CSS question! I've triggered