When i press a button an overlay appears. In Firefox the overlay is fast, nothing special. But in IE7 the overlay is very slow. I was wonder why? Here is my CSS: .DocOverlayShow { background: url("/Graphics/overlay bg.png"); top:0px; left:0px; width:100%; position:fixed; padding:10px; } .DocAddCommentBox { color: #000; mar...
I'm trying to implement a Facebook like toolbar on the bottom of the screen for a website I'm currently working on. Currently, I have it 100% of the width of the screen but I'd like to have it look almost exactly like Facebook's toolbar, centered, bottom justified on top, around 80% of the current screen's width. Here is the current CS...
Hey, On this site http://www.catonthecouchproductions.com/fish/ I am trying to drop down the nav towards the middle you will see how it doesnt match up. I have tried margin/padding/top/ css properties but nothing. On the edges see how it is about 3 or 4px off and if I bump it down it would be good. I can't seem to figure out why it is d...
I have a fixed toolbar at the bottom of my page where users are going to be able to change their online status and load a listing of their favorites among other things. In the toolbar, I have parent div elements that when clicked, pop up child div elements that need to be positioned directly above the parent element. For the online sta...
I'm trying to show a print-preview div (#preview in examples). Is there a way to use print.css only for a particular div and its children overriding all local definitions? Essentially, I would like to be able to do something similar to: #preview element { definition equal to definition of an element in print.css } in main.css, bu...
I have a Google Web Toolkit (GWT) application that utilizes a Flash/PaperVision3D component that I have created. The GWT app places instances of the Flash component on different tabs in a tab panel. During execution of the app, everything works great until the user starts clicking in between tabs. At the GWT level, the JavaScript is chan...
MAJOR UPDATE: I have a PNG fix working on the site. When I remove the PNG fix the red cross and border disapear. What's odd is that the problem only seems to do it with this particular image. There are other Alpha Blended PNG's on the same page that render fine. The image is not broken (you can see it) nor is it a link. But IE6 and 7 ...
I want to apply styles only to the table inside the DIV with a particular class: Note: I'd rather use a css-selector for children elements. Why does the #1 works and #2 doesnt? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} HTML: <html>...
Can someone shed some light on this issue? The expected result does NOT appear to be happening... Am I correct in my assumptions? .float-right{ float:right; } .header{ (stuff we don't care about) } .header img .float-right { display:inline; margin:0 0 0 0.5em; } I THOUGHT that would mean that a < img > tag inside a < div ...
I am currently trying to modify a Javascript function that "slides in" a <div>. The script as it is requires you to define the height of the div, so it is mostly useless in dynamically filled <div>s. I found some text on the clientHeight property in javascript, but it would appear that it doesn't support <div>s with display set to none (...
i frequently use this CSS selector parent>child. my design looks good in Mozilla and Opera. But in IE, it sucks. i know > is not recognizable in IE, but what is the alternate to that in IE? thanks. ...
I'd like to say that the height of a text area is equal to, say, 50% of the height of the viewport. How can I do that? A simple height: 50% doesn't do the trick. ...
hi. i used this corner style: .corners4{ background:url(../img/panelHeaderColor.jpg) repeat-x; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -mo...
On my website, www.funpunks.com, in the top left of the page you'll see the navigation. I made this using fixed-size div's with background images, and using javascript to redirect "window.location = 'http://www.funpunks.com/' " etc. But what about for users who have thier javascript disabled etc? I think I need to use anchor tags. I ne...
upon knowing that parent>div CSS selector is not recognizable in IE, i re-code my CSS styles from this e.g: div#bodyMain div#paneLeft>div{/*styles here*/} to this: div#bodyMain div#paneLeft div[id|="subPane"]{/*styles here*/} here's my html snippet: <div id="bodyMain"> <div id="paneLeft"> <div id="subPaneCategory"> ...
For instance stackoverflow has a topbar for new members. The topbar is fixed and pushes down the page without overlapping the top of the page. How is this accomplished? Javascript? Or can this be done with just css? ...
When writing a Javascript a function that I had gotten help from earlier, which gets the height of an element that is hidden, someone reffered me to the Prototype function getDimensions(). In the example, they set "visibility: hidden; position: absolute; display: block;", which effectively lets us measure what the clientHeight would be i...
What are the exact specs of display:block? I know quite a few of the specific things applying this to an element will do but I would like to hear them all. Thanks. ...
I am using .htaccess to accelerate a site with the following redirects: request for http://example.com/images/name.jpg routed to http://i.example.com/name.jpg request for http://example.com/css/name.css routed to http://c.example.com/name.css From listening to the Stack Overflow podcast, I learned that this could make a site fa...
I wonder if anyone can help. An HTML div in a page of mine contains a tree control which is shown or hidden depending upon a button pressed by a user. The button triggers an Ajax event which sets a variable on the server to show or hide the tree so that the state is persisted. But here's the problem; when the tree is re-displayed, the i...