css

How to make website look same on all browsers?

Hi, I am designing my site on a mac. I used basic formatting and then when i want on to my pc, the wrapper width was too wide. My question is what can i do so that my website looks the same on all browsers/os? ...

What is the CSS “@media” nested structure/namespace?

What is this name space like wrapping/nested structure in CSS? I have never seen this before. Please help me understand what is this. Thanks @media screen, projection { * { margin: 0px; padding: 0px; } body { background: #fff; overflow-y: scroll; _overflow-y: none; } } ...

jQuery working as expected in IE8 but not in Chrome... need someone to look over my code...

Hey, I have recently been updating a site so that it looks nearly as good in IE8 as it does in Chrome. I have managed to get the corners applied correctly, but if you take a look at http://clarkeyboy.zxq.net/test_longcatalogueitems.htm you will notice that the catalogue rows appear as expected in IE8 but not in Chrome. In Chrome they ap...

How can you locate sprite images in a div that changes height and width according to text inside?

Hi How can you locate the first of the sprite images at the bottom of a div that changes height and width according text inside? Or is it not possible? (I tried background-position: right 100% bottom 50%; but it did not work for dynamic div size.) thanks ...

Table to divs problem

I tryed to convert table with one cell in first column and two cells in second column (table have two rows) to three divs but it doesn't look the same ? ...

Centering DIV with IE

Hello, I am trying to center a DIV, with "margin:auto" . It works fine with Chrome and FF but the following code does not center the DIV with IE: CSS #container { margin:auto; width:950px; height:50px; background:#000; } HTML <div id="container"></div> What am I doing wrong? Thanks, Joel Edit (full HTML/CSS code): <html...

Chrome 7 interprets CSS percentage relative positioning differently from Chrome 6 (and other browsers)

My Chrome install updated itself last night (without telling or asking me!) It now interprets CSS percentage relative positioning differently to yesterday. Suppose I have: <body> <div class="everything"> <div class="centerMe"> Center me! </div> </div> </body> And this CSS: body { width: 100%; height: 100%; ma...

chars missing in textarea

Hi I have a textarea in a form, the data used ind the field comes from an sql call. When i load the form not all text is displayed, just the first line. But when i press space, inter, backspace or another button, all text is displayed anyone have a solution! /RMalberg ...

"star rating" CSS bug driving me mad

I have built an application which is meant to take a star rating. The actual rating mechanism is done with Javascript and CSS. The intended functionality is that you hover over the stars to make your selection, and then click on it to lock it in. What I have at present can be seen here. Honestly, I'm at my wit's end: Everything is wo...

problems in creating a flyout/sidebar menu

Hello all, I need some css and syntax help,please. Your help is warmly welcome. I want to insert a list containing some skypelinks and behaving like a sidebar menu when I move the mouse over the image. This is the html-code I tried to manipulate: <a href="?USER=name"> <img src="../../name.jpg?format=raw" title="full name - skypena...

What is a workaround for placing a background image in Gmail ?

I understand gmail does not support background-images or background: url('.. in Gmail. I was wondering if anyone had a sizeable workaround to this? This is for emails I send via a server to a user's email accounts if they are using gmail. ...

How to expand left div to the remaining height?

Basically i have: <div class="wrap"> <div class="sum"> little text </div> <div class="content"> long<br/> long<br/> long<br/> long<br/> long<br/> long<br/> long<br/> text </div> </div> <style> .wrap{ height:100%; overflow:hidden; background:green; } .sum{ float:left; height:100%; background:yellow; } .content{ float:left; height:100%; ...

List Bullet Disappear in IE7

About So this question has been asked time and time again, but I noticed something a little different; see below. Standard Info: Bullet displays in FF Bullet does not appear in IE Finding The bullet disappears when setting a hasLayout on the <ul> element, not the <li>; this is often accomplished when doing *{zoom:1} Firebug in ...

Newsletter Design to send in emails, using tables or table less

How HTML newsletters should be designed? using tables or divs and css styles. I read somewhere that newsletter should be designed using tables because many of the old client can't process the css style. how much truth is in this? What else need to be care of when designing newsletter to send using email. i.e. java script should not b...

How can I see which styles in my stylesheet are actually being applied to the current page?

Are there any tools or browser plugins that allow me to see all styles in a stylesheet that are currently active/used on a page? Short backstory: I inherited a giant stylesheet from the previous UI designer. It used to be applied to every page on the site. Later the entire site styling was redone except for the landing page. So now I...

Use JQuery UI styles on other HTML elements

We use a JQuery UI theme and also have a <fieldset> with this CSS: fieldset {border:1px grey solid}. Instead of specifying grey for the border, how can we use a color/style that is provided with theme? ...

Need to explicitly call .button() to apply JQuery UI style?

We have a couple <button> elements which we style with JQuery UI like this: $("#my-button" ).button();. Is there a way to have JQuery UI automatically style the buttons without explicity writing that code? ...

Floated+cleared element not affecting following floated elements in IE7 - is there a workaround?

I'm trying to style a definition list so that dt tags start new rows, and can be followed by any number of dd elements on the same row. In modern browsers this is as simple as dt { float:left; clear:left; } dd { float:left; } In IE7, however, if the clearing element has float, subsequent floats are not affected. (example) ...

HTML/CSS - Styling for print, background wont show up?

I'm having some trouble making a site, identical to viewing it in the browser, for print. It looks good, the only thing that got me stuck is that it refuses to display backgrounds. The images are fine though, it's just backgrounds. I haven't tried setting an image as a background, but that shouldn't be necessary anyways, right? I'm appl...

Why are some websites not zoomable on iPad?

Does anybody have any idea why iPad zoom (you know, where you use two fingers to enlarge the text/screen) does not work on some sites? For example: facebook.com c3.arc.nasa.gov/nex/ ± the site that I'm working on. Google search does not reveal anything, which makes me think it’s not a common problem. Thanks beforehand for any insig...