I have some unexplained weirdness with a nested DIV's margin "leaking" out of the parent container . The following test case* probably explains it best: http://jsbin.com/ibaze The outer wrapper (red) doesn't start at the very top - unless there's a text node or overflow: auto; on that element. (Tested on Firefox and Safari.) Whi...
Hi all, I issued a strange behaviour from IE8. We uploaded asp.net application on iis6. Everything works fine and layout is in place. But on my colleague machine, with same browser(IE8), layout falls a part and on the some of the other machines too(!??) It is strange because it is: the same server, same operating systems and the same br...
I have two elements which can vary in heights and both floated next to each other. The problem is that it looks pretty ugly if one box is higher than the other. So I want them to be the same height. One way I thought might work would be too to wrap them in a container div and hope the taller one resizes it and the smaller one expands t...
Hiya, I hope this is a simple one, but I can't seem to be able to crack it quickly... I've got a 2 column layout, with the content in the right column being dynamic and ajax driven. So the page height changes depending on what is in the right column. I want to have a small flash file (400px x 200px) bolted on to the bottom of the pag...
I have an APS.net app (C#) with several pages that use the same MasterPage. In that page, I have included a couple stylesheets like so: <head runat="server"> <link href="/apps/_lib/ui/styles1.css" type="text/css" rel="stylesheet" /> <link href="/apps/_lib/ui/styles2.css" type="text/css" rel="stylesheet" /> </head> These styles apply c...
I want to have a comments section in my app that looks like this: response1 response1a response1b response1b1 response2 response2a response2b response2c response2c1 response2c1a response2c1a1 response2c1a1 response2c1a1a response2c1a1a1 I believe it's called threaded comments. You've probably seen thi...
Has anyone seen tooling, or even a process concept to generate css sprites from an existing website's images, and css during the build process? I should think the steps would be: walk an images directory create a single sprite file from all the images in that directory for each image find any css classes using that image update the cs...
The Google Toolbar's autofill feature has been the bane of my web development existance for the past several years. I have always settled on trying to create a timer control to check for changes since the developers epically failed to fire change events on controls. This has gotten further and further complicated when controls are bur...
I have a template that I am modifying the text and pictures. It's all based on a 960grid, and the text is styled in external css sheets. When I copy one of the pieces of text (placed on the right of the site), and paste... it kicks the text to the left sidebar. What am I doing wrong? When I check the pasted text, it contains the same cla...
I want to load a specific - additional - style sheet when scripting is disabled in the browser. Is there a nice / clean way to test for that or should I just use a script tag and a document.write() to add the style sheet? ...
The #content div holds most of the web content. As you can see below, there is a top margin of 280px, because that is the height of the header image of the site, which is placed in the 'body' as a background (image/sky1.jpg). How do I position a div as a holder above the 'margin' of the #content div so that I could place my #navigation...
This looks fine in safari, but not in firefox 3.0.11 Firefox: http://i31.tinypic.com/11s1d00.png Safari: http://i30.tinypic.com/fnxu2v.png HTML for the table: <table class="placement-testing-schedule"> <tr> <th>Day</th> <th>Date</th> <th>Check-in Begins (Entrance of College Center)</th> <th>Test Begins</th> <th>Registrati...
Hello, I am running a website using wordpress and some javascript that changes the page see http://s72956.gridserver.com/dev/ My menu position I want to be static at 150px down 800 right and not move when I change my browser window to any size. Currently when I try position static it moves when I clikc on one of my javascript links that...
i'm trying to add alpha effect for my image. the image is in rounded corner rectangular shape. i know there is attributes to change the alpha in CSS3, but i'm trying to be compliant with the w3c standard, which is still CSS2. Sorry i didn't state my question correctly ealier. i was trying to change the alpha when i hover over the imag...
How do I specify the height of the blank line that inserting a <p> creates? ...
What is the most efficient way to make all nested list items the same size while using an em that is not equal to 1. For example, I want all li's in this list to be sized to 0.85em of the ul's parent. Do I have to create a separate class for each "level" of depth? <html> <head> <style type="text/css"> li { font-...
I am using this to position my menu, it works across all browsers but the links (anchor tags) in the rest of my page stop working. The menu is in the perfect spot but none of the links or image-map will work in most browsers Sorry I am new to this could you peek at the source code -thanks I am really trying to get this but i am sure...
I have an iframe which I want to fill all of an area on the page specified by the bottom, right, left, and top css styles. However, when I do the method I would expect to work, it does not: HTML: <iframe id="example_frame" src="http://example.com"></iframe> CSS: #example_frame { position: absolute; top: 1em; left: 1em;...
I've been reading articles about speeding up websites by serving static content from a cookieless domain. We have an ASP.NET website with links to images/css/js like <script type="text/javascript" src="/js/something.js"></script> I've been testing out the static content filter from this article and it seems to work great for situatio...
I'm having a problem with widths on input[text] fields in IE, all versions. I have a div with an explicitly set width of 250px. In this div, I have an input text field with width set to 100%. This input also has an internal left-padding of 10px. In IE, it renders the width as 100% + 10px. I cannot figure out a technique for constraini...