css

Get a DIV wrapper to fill the entire page with CSS

Hey guys, I have a layout made up of several DIvs, a navbar on top, a footer dv on the bottom and a wrapper called #frame between the two to hold the content. <div id="nav"> navbar </div> <div id="frame"> Content </div> <div id="footer"> (c) 2010 MySite.com </div> The content in #frame will obviously vary depending on the page,...

Blocking all input behind an invisible div in IE?

I have a "Saving..." overlay that occupies the center of an invisible div that covers 100% of the screen. I would like it to be impossible to interact with the elements behind it, i.e. clicking the buttons, selecting form inputs, etc. Ideally it would not only catch all mouse inputs, but also ignore the mouseover effects(namely cursor ch...

Maximum z-index value for chrome

in Chrome when i set z-index to 2147483647 it changes to 1e+06.. what is the maximum possible value for chrome? ...

setting the float value from Javascript

Hi I'm having trouble setting something to float right in JS. My code is as follows: var closebutton = document.createElement('div'); closebutton.style.styleFloat = "right"; alert(closebutton.style.styleFloat); closebutton.style.background = "#f00"; closebutton.innerHTML = '<a href="">&#10006;</a>'; titlebar.appendChild(closebutton); ...

how to make my <ul> hover start on the same exact spot?

Hello. I have a 1024px nav bar that has five categories that are links (ul's) A few of them have drop downs. I have them set up perfectly to align horizontally. The one to the far left when hovered, drops down the text perfectly to left edge underneath the nav bar, as intended. As you move down to the right, the text(the hovered text) on...

Make footer stick to bottom of page correctly

I am trying to have my footer (just a div with a line of text in it) be at the bottom of the screen if the content doesn't go all the way to the bottom, or be at the bottom of the content if the content requires scroll bars. If the content doesn't require scroll bars, it works perfectly, but when the content is too long, the footer is s...

CSS / Jquery Fixed position and mystery margin in Safari & IE

Hey. I'm using jQuery to make a fixed drop down sub-navigation at the top of the page when you mouse over the fixed nav. I do this by changing an element that was previously relatively positioned to fixed positioning. However this produces an undesirable 10px margin in IE7 and Safari. At first I thought it was the margin produced by t...

CSS LI hover - browser compatible?

NOOB question... Does LI:HOVER{background:url(image.jpg) 0 0 no-repeat;} work across all browsers? ...

serve required styles only CSS

Is there a way of filtering large CSS files for the only required selectors on a page, and creating css files that contain just these selectors? Case: I have a very large CSS file that I want to filter on a per page basis, so that the file size is cut down and can be cached by mobile devices. I was thinking along the lines of somethin...

Unable to Style Div

Creating a blog from scratch is a difficult process but I've been plodding along with some minor issues which have been resolved. My minor issue today is the fact that I'm unable to style the site background with an image. I'm able to add colors but not an image. The second minor issue is to do with my Div tags. I've created a basic fo...

How to add background-image to a div?

I am working with the Mojo SDK and I'am trying to add a background image to a div but havn't been able to find a way to do it. Obviously I have tried doing it the normal CSS-way but it doesn't seem to work with Mojo. Here is the latest thing I tried: var t=document.getElementById("kblayoutdiv"); t.parentNode.removeChild(t);...

Is there a way for MVC Partial View retrieved using jQuery to keep UI CSS Styling?

Hi All, I have an MVC 2 project, consisting of a MasterPageView a child View called Index and a number of PartialViews. The PartialViews are loaded into the Index View using the jQuery Ajax method $.get(....). My problem is that I am styling the buttons using jQuery UI like: $('button').button(); but I find that I need to do this on...

Firefox 2 float issue?

Hello, I have a site, http://www.denispellerin.ca/ that works fine in almost all browsers except ff2.0 the #content/.entry areas appear UNDER the sidebar, rather then float to the right. I have tried to fix it several times with no luck, can anyone see a reason why it would not be properly floating? I tried messing with the widths and s...

Is line-height variable between browsers

So I've done a bit of googling around and can't seem to find a clear answer. Does the line-height property vary between browsers at all or is it just standard and font-size is all that we need to worry about? ...

strech font in CSS

I am trying to strech text in CSS. For me, font-strech property doesn't work. How can I do it? ...

IE7 content is below container

on this site, http://dncminneapolis2012.com/new2 the content (where it says Minneapolis 2012 Democratic National Convention) is hidden beneath another div in IE7. Can anyone tell me how to fix this? Everything works great in Chrome, Firefox, and Safari ...

Is google adsense breaking my menu displaying ?

Hello, i've noticed a annoying bug. When you navigate on my website, the menu (on top right) acts normally : http://bit.ly/cPcnGA But as soon as you go on a page where is an google adsense ad, the menu appears for 1seconds to 5 seconds, complitely exploded (means that we can see all the subsmenu) Example here : http://bit.ly/971vMl ...

Layout issues in Opera.

In Opera my website logo appears out of place. I have spent the last couple of hours trying to figure out how to fix this. It works just fine in Firefox and Chromium. The ID for the logo is simply 'Logo'. The site it located at http://next.icartrading.com/ If this isn't the best place to post this problem, tell me where else. Thanks! ...

Does display: none affects SEO on a navigation menu ?

Hello, i want to know if using display:none (via CSS) on a menu will affect SEO (make it less efficient) than using only display:none (via jQuery) Thank you ...

CSS Input Type Selectors - Possible to have an "or" or "not" syntax?

Hi Guys (and Gals, if they exist in programming), If i have a HTML form with the following inputs: <input type="text" /> <input type="password" /> <input type="checkbox" /> I want to apply a style to all input's that are either type="text" or type="password". Alternatively i would settle for all input's where type != "checkbox". Se...