css

IE position:relative displaying as if position: static

Hi Guys, i have the following html (excerpt from larger code-base) <div class="diary-event ui-corner-all" title="[title]"> <span id="delete"></span> <div class="diary-event-title ui-corner-all">[title]</div> <div class="diary-event-body ui-corner-all"> <p class="hyphenate">[body]</p> </div> </div> (where [titl...

dynamic CSS loading in IE won't work

Hi! I have a button in my page, and onclick event, if should append to the <head> a CSS file from a server and do something else. it works perfectly in FF but in IE, it seems not to work (it did append the <link> to the <head> - but the CSS won't affect the elements) Heres my current code: function loadDynamicCss(filename) { var filer...

CSS Navigation Sprite - Odd Shapes [not square]

Hey there everyone. I usually have no problems with making CSS sprites, but this one has got me stumped...and I'm not sure how to solve it. Basically I have a navigation sprite that looks like this: http://cl.ly/aa4a5e78eda252e8f4d7 I'm using the standard convention of laying them out in <li> tags such like: <li class="welcome"><a h...

Setting\Placing a DIV(CSS Layer) with table cell as reference

you may skip the following HTML code to proceed to actual question <!-- Some HTML Code--> <table width="100%" height="100%" border="1"> <tr> <td rowspan="03" width="20%">&nbsp;</td> <td width="60%">&nbsp;</td> <td rowspan="03" width="20%">&nbsp;</td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> </tr> </table...

html/css irritating default behaviour

Here's the problem : I have 2 div - The first one has a float:left - The second one has a margin-top Now why, WHY does that margin-top is also applied to the first div ? Here's a demo with background colors to get the idea : http://dl.dropbox.com/u/4225936/whyyyyy.htm -Edit : I'm not looking for a solution but for an explanation of ...

problem with <select> and :after with CSS in WebKit

Hi, I would like to add some style on a select box with the pseudo :after (to style my select box with 2 parts and without images). Here's the HTML: <select name=""> <option value="">Test</option> </select> And it doesn't work. I don't know why and I didn't find the answer in the W3C specs. Here's the CSS: select { -webkit-appea...

Disabled form fields style in Windows 7

Hi, I just recently upgraded to Windows 7 and I have noticed that styling for text form fields across all browsers is non-existent. With Windows XP it was very obvious which form fields were disabled, but now I can't tell. Are there any style settings I could use to fix this? Thanks! ...

Custom per-page sidebar widgets in Wordpress.. possible?

Let's say I'm doing a site about cars, and in the main content area there are a few paragraphs about a particular car. In the sidebar, are several standard widgets. But I also want a widget with an 'info panel' about the particular car. So what's the sanest way of putting in a per-page widget in Wordpress? I guess ideally the info-pan...

Extra padding on linked images (in every broswer)

Hello, I'm having a problem with getting extra padding on link element with an image inside. It happens in all browsers, Safari, Firefox, IE. I have a reset stylesheet applied so there shouldn't be any extra margins on padding but upon inspection it's clear that the a element has some extra bottom padding from nowhere. Any ideas? Her...

Safari 3 and 4 are not agreeing with me for once, need help with my css and centering plus another weird thing...

Hey I am completely lost with this one. Basically the website i'm working on here: Home page It is acting funny. I'm using the easy slider 1.7 jquery plugin. In safari 4 (browser labs) the slider div isn't centering up. The css is as follows: #slidercontainer{width:800px;padding:0;margin:0px auto;position:relative;} I've tried: #sl...

Background picture not working with fixed attachment

I am working with a project and I have come across an obstacle and I cannot seem to fix this problem. (Haha, fix) I have a page consistent of html, php's <?php include=""; ?>, javascript (and jQuery) and of course, some CSS. The problem is the CSS. The front page has one background picture and the subpages has another background pictur...

Pros and cons of CSS formatting

Pros and cons of CSS formatting I know four kinds of CSS formatting. Which do you think are better? A) classic .class1 { } .class1 .class2 { } .class1 .class2 .class3 { } .classFoo { } B) classic idented .class1 { } .class1 .class2 { } .class1 .class2 .class3 { } .classFoo { } C) same line .class1 {} .cla...

Page not loading in IE

I just made some CSS changes to a page and all works perfect in firefox safari, chrome but when i view it in IE there is nothing. I mean just a blank page http://posnation.com/pos_support/aldelo_training_dvd Also this is a miva site ...

CSS z-index broken in IE7

I'm aware of the z-index problem in IE7, but I have a strange situation here, and none of the fixes suggested online seem to work. I've got a list of items, each one has a pop-up bubble div inside the "li" tag, like so: <div class="inner"> <ul> <li onmouseover="bubbleOn(5661)" onmouseout="bubbleOff(5661)" id="c5661"> <img s...

How to give a div tag focus when its contents are clicked using JQuery or CSS.

Is there a way to give a div tag focus when you click on its contents? Using CSS or JQuery? ...

Negative Margins, Hack or Not?

I've come across various posts where people are stating that negative margins are hacks. Thus I've strayed away from using them with exception to particular cases when I can justifiably use them, like throwing text off the screen with margin:-9999px Question, are negative margins a hack and when is it right to use negative margins? I'v...

How to fix background image inside div

I've discovered a rather odd problem, which I think I know how to explain; i just don't know how to fix it! I have a page with a div#container (a div with 100% min-height (height for IE)) containing a header, a "page-content" and a footer. The background image of the div#container is supposed to be fixed (not fixed position but backgrou...

Cross browser compatibility; Website appears strange in IE browsers

I am starting to test my website in different browsers. So far Firefox is ok, Chrome is ok, Opera is ok. Now I am starting on IE. First off, why are all my divs dispositioned in IE? How can I solve this? Do I need to hack and check what browser visitor has? Secondly, how come it seems as if my website looks the same (like crap) in IE6...

Templating and trying to reference context path from inside a CSS file

I'm working with JSF and XHTML templates, I'm using a CSS file in the templates, the background images being called like: background-image: url("../../images/imageFile.jpg"); Because I'm using templates I found out that I must keep same depth for both pages and styles/images to pages apply styles correctly, but the project had change...

HTML tags default styles question?

Possible Duplicate: Browsers Default CSS Is there a list of the default html elements styles that I can look at. ...