Hello everyone. I would like to create a vertical splitted site structure using two divs: My intention is to have d2 next to d1 in a horizontal align structure (same line). What i get is not this. In fact using that code, d2 does not take the remaining space, but collapses to the min width. if I use WRONG because d2 goes down ...
What is with these microsoft browsers? Does microsoft ever do a good job at anything... Anyways, I have a relative positioned div inside another div. The inside-div is positioned with percentage (left: 0%; top:13%). My problem is that in all IE versions the div is displayed some pixels further down than where it is displayed in Chrome,...
Hi guys, I'm working on this site - http://dev.chriscurddesign.co.uk/mayday It works in everything other than IE7 and IE8 in compatibility mode (don't care about IE6), where the vacancies lists on the right aren't hidden correctly by their parent overflow property. I have been pulling my hair out trying to get to the bottom of this, i...
I'm trying to use a negative top margin on a element and it is not working in Firefox. Chrome and IE (using HTML5-shiv) are rendering it properly. I have given the HTML5 elements (including a display: block). Thoughts? CSS if you need it: aside, article, section { display: block; } section#banner { background: url(images/banner.png...
Hi, I am making an ASP.NET web control. In a table, how can I center a button? Thanks ...
What is the best practice to set a background image centered and 100% (so that it fills the screen, but still retains the aspect ratio) in all browsers? ...
I want to have a nice little icon that, when clicked will clear the text in the <INPUT> box. This is to save space rather than having a clear link outside of the input box. My CSS skills are weak... Here is a screenshot photo of how the iPhone looks. ...
Hello All! I used sliding doors technique, explained here: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html With only one exception, that I decided to add one more image for "hover" effect. My code works well for all browsers, except IE8 (and maybe earlier versions). a.submit-button:active and a.submi...
I have been trying to highlight a radio button with CSS but have been unsuccessful to get styling to work in FireFox. I see some methods of using images to render highlighting. Is there a preferred way to handle radio button highlighting across multiple browsers? Example <input type="text" style="border-color:#FF0000"> <input type="r...
i am filling a textarea with content for the user to edit. is it possible to make it stretch to fit content with css (like overflow:show for a div)? thanks :) ...
This previous Q about a div positioning problem in IE gave several answers where they told me to use conditional commenting. http://stackoverflow.com/questions/2803199/how-come-this-relative-positioned-div-is-displayed-differently-in-ie How does it work, I mean how do I implement conditional comments? Ex: <div class="normal"></div...
I know that is a very embracing question, but I have just started with Ruby on Rails, and still have a long way with CSS and HTML. There are lots of books about CSS and HTML patterns, but I would like to know what is really applied to actual webpages. For example, what's the best way of doing a simple webpage with a lateral menu, a logo...
How to Firefox 2.0 cross browser issues? When i make site using Firefox 3.6 then seee site in Firefox 2.0 some time it shows some layout problems. for IE i can use conditional comments and different CSS but what to do for Firefox 2.0 issues ...
I've got some html that looks like this: <ol> <div> <li>one</li> </div> <div> <li>two</li> </div> <div> <li>three</li> </div> </ol> Which looks like this in Chrome/Firefox: 1. one 2. two 3. three But looks like this in IE: 1. one 1. two 1. three If I change the code so that the li element is the parent of the...
I have a problem with a script for a image gallery. The problem seems to only occur on Safari and Chrome, but if I refresh the page I get it to work correctly - weird! Correct function: The gallery has a top bar, which if you hover over it, it will display a caption. Below sits the main image. At the bottom there is another bar that is...
I'd like to use the CSS property position:fixed to fix the position of an element but at the same time prevent the element from being positioned over my footer when the user scrolls to the bottom of the page. Is there a way of stopping an element from showing over a footer in this way? ...
I have found similar questions to mine but none of the suggestions seems to apply to my situation, so here goes... I have a webpage with a buch of images on them. Each image has a title which in markup is between h2 tags. The title is a link, so the resulting markup is like this: <ul class="imagelist"> <li> <a href=""><h2>Title 1</h2><...
What should i keep table { border-collapse: separate; } or table { border-collapse: collapse; } in my css. which would be better in which condition? ...
Hi, How to print a webpage in two columns or one column as per the user input/choice. And when a take a print out I'm getting the website url on the top left side, How can we stop printing this? Regards ...
I have a friend that has a really strange issue with my website. When he clicks on http://www.copeo.fr/ the page displays fine but when he clicks on a link like www.copeo.fr/user/ the CSS is not applied even after a refresh. The raw html does display. I asked him to display the CSS that is hosted on amazon S3 hcopeoressources.s3.amazon...