Hi, hope you can help me with this one. I have a Div with five float divs inside: var div=document.createElement("div"); div.className="cssDivNino"; var divFolio=document.createElement("div"); divFolio.className="cssFolio"; div.appendChild(divFolio); var divCurp=document.createElement("div"); divCurp.className="cssCurp"; div.appendCh...
I'm wanting to keep the font size of a navigation menu the same size for all browsers. I set the font-size of the navigation menu text to a specific pixel size. In IE this works, but not in FF. The problem is, if a person changes their browser's font size, then it completely ruins the menu layout in FF. Is there a way to adjust thi...
I have a web application that I'm working on for work and its not very Firefox friendly (design was made 2 years before I started with the company). There are some CSS issues that I am having problems with and I can't use a CSS Reset because the page design is pretty much set in stone and it would cause more work then I need right now. ...
Im using YUI and am having alignment problems with YUI buttons inline with text input fields. The rendering problem is occuring in FF3 and is even present on YUI's own site. http://developer.yahoo.com/yui/examples/button/btn_example09.html As you can see the button sits higher than the text fields. Any ideas on how to get it all at t...
If you go to my site: www.ryancoughlin.com - and if you see the Google, Yahoo, etc. RSS buttons on the right side of the page. I am trying to get them to align evenly, they are all the same image height and I have been trying to get them to evenly line up. But I have had no success. Thanks, Ryan ...
At my personal website while viewing a single post, i have an overview DIV, and in FF it has no space between the main header and the excerpt, but in IE there is a space there. Any idea on how I can get rid of that? I have FireBug for FF and i installed IE Developer Toolbar on my other PC to try to inspect the code to find the problem, ...
I've been learning the new ASP.NET MVC framwork lately and I've developed a test site for a friend who runs a "light café" in Sweden. The plan is to release it within a week or so after performing some final adjustments and fixing some security issues. Yesterday I published the site to a webhost running IIS 6, so the first thing I had ...
I have a page structure similar to this: <body> <div id="parent"> <div id="childRightCol"> <div> <div id="childLeftCol"> <div> </div> </body> I would like for the parent div to expand in height when the inner div height expands. Edit: One caveat is that if/when the width of the child content expands past the width of ...
Hi guys, I have a crazy navigation menu that I have to code. It's kind of tough. Please see the screenshot of the design here: navigation menu screenshot As you can see, the background of the "Home" menu item is quite tough! I can't figure out how to make its background "see-through", meaning it cuts through the dark background and ...
Whenever we make changes to the CSS, it generally takes 24 hours to reflect those changes on my site. I have tried clearing the server cache and browser cache but it doesn't help too. Is there any other way to make the CSS changes reflect immediately after updation? it happens in all the browsers... when i check it in the browser , i ca...
I have been playing around with CSS Style Switching on my blog www.whataboutki.com and have also added Google Friend Connect. I would now like to change the colours of the GFC widget when the user changes styles. This is the script for GFC... the div id="div-1229769625913" does that mean I can access that from my css files? If so how wou...
Hi! I am trying to read CSS selectors in my stylesheets with the document.styleSheets array. It works fine with <link> and <style> tags, but when I use @import inside a <style> it doesn't show up in the array - only as a cssRule (style is "Undefined" in Safari 3 and FF 3). So: How can I parse the css in an @imported file? ...
Hi I'm trying to fix a bit of test html to work with opera/chrome. It's using the holygrail box model from matt levine. In IE and firefox it looks like In chrome, opera and safari it pushes the sidebar element down. I've played with the margin and paddings but it still doesn't work. am I missing something? <!DOCTYPE html PUBLIC "...
Hi, I'm working on a Javascript image resizing feature which rely on the IE only DXImageTransform addon. Wanting to address modern browsers as well, I gave a shot to canvas, with pretty good results. However, I face an issue in my resize function, which is the following: function Resize(oObj, flMultiplier) { var canvas = do...
I would like to be able to see how a web page looks on different browsers before releasing it. I have several on my machine, but I cannot check different versions of IE, and other browsers, and I cannot check other OSs. I know of http://browsershots.org/ but this takes ~30 minutes at times, thus it can be problematic for troubleshooting....
Hey, I have a sidebar on my webpage that is supposed to span 100% of the page (vertically). It is then supposed to stay there, so when the rest of the content scrolls it does not. To do this, I used: body { height: 100%; } #sidebar { height: 100%; width: 120px; position: fixed; top: 0; left: 0; } This works g...
I know that a lot of us are familiar with setting the font size on the body element in our CSS to 62.5%. This means that 1em will equal 10px and helps for keeping things pixel perfect but also allows for scaling of fonts. So wouldn't that mean that setting it to 6.25% would equate to 1em = 1px? Seems like an even simpler conversion rath...
I have a div 200 x 200 px. I want to place a 50 x 50 px right in the middle of the div. How can it be done? I am able to get it centered horizontally by using text-align: center for the div. But vertical alignment is the issue.. ...
Hi When I visually scale an image, firefox 3 blurs it. Firefox 2 and other browsers don't, which is the behavior I expect. This is especially lame for creating a webbased game using png or gif sprites. For example, when showing a 100x100 image in firefox 3 like this: <img src="sprite.gif" width="200" /> or <img src="sprite.gif" sty...
I have an ASP.NET site that I'm developing. The layout is pretty basic. The master page has a header with a horizontal menu beneath the banner taking the entire width. On the left is a Navigation pane, 150 pixels wide with a picture and a few external links. The remainder of the width is the ContentPlaceholder. Beneath that is the f...