I have an html table within a div of a specific size. I want the table to apply margin collapse and be 100% wide. Here is my code. It renders how I want it to in IE8 and incorrectly in Firefox. Firefox may be doing the spec correctly, but whatever. How do I fix my css to work in both browsers? <!DOCTYPE html PUBLIC "-//W3C//DTD XHT...
Are there any good open source fonts to use in CSS. ...
I have an html table within a div of a specific size. I want the table to apply margin collapse and be 100% wide. Here is my code. It renders how I want it to in IE8 and incorrectly in Firefox. Firefox may be doing the spec correctly, but whatever. How do I fix my css to work in both browsers? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....
Hi, here's my case. I want two divs to be side by side. The left one holds the text and the right one holds image. The right one needs to be fixed width. I did follow the solution from one previous question (the difference was that in that case the left div was fixed width) and it's not working for me. Here's the HTML (the two divs are...
I have a square div that is housing a javascript image slideshow. I incorporated a caption into the slideshow which requires the containing div to be position:relative. I then want text to wrap around this slideshow... is this possible? My pseudo structure: <div position:relative> <div slideshow stuff> <div position:absolute>Capt...
Hi, I want to create a squared table 9x9, width and height should be 100%, and each cell should be 11.11% height and width. I could do it with below code but when the text inside the cell is too large the cell grows down with it. I don't want that. I just simply want the text to be hidden. Preserve the size of the table is my priority ...
From a blog: The basic idea with CSS expressions is that you will have calculation and dynamic values for properties in the CSS code, something that people have found very useful. A simple example can be implementing max-width behavior in IE 6: width: expression(document.body.clientWidth > 1100)? "1100px" : "auto...
i am using this css. .text_style3{ font:normal 8px Helvetica; color:#f7922c; } i want to it more small but after 10px this is not working. i have used 7px, 6px, 5px etc. but this is not working. so how can i decrease size. this css is not working in mozilla. ...
Hi, I have a table, in the Table header (TH) I have a background with CSS: .gridView th { padding-top: 1px; background-image: url('/Images/Design/New/mitte-tb_02.gif'); background-repeat: repeat-x; background-position: 0px 0px; color: #FFFFFF; border: 1px solid Gray; text-align: center; } Now I will right an left from the border 1px ...
I have a layout where I need tabs at the top, and content to fill the rest of the space. So to make the bottom content div stretch I would need to have: style="height:100% - 20px;" Where 20px is the height of my tabs. Obviously that code isn't valid but it illustrates my point. So what I tried next was a table where the td in the fis...
I have an ASP.NET MVC website running in the windows azure cloud. It includes links in the section like this one: <link href="Content/Case02.css" rel="stylesheet" type="text/css" /> Sometimes the css is delivered within the page (inline) and sometimes it is not. I want to set something so that it is always delivered to the browser ...
I need the red box to expand with the blue box content, so they are always both the same size. The red box is defined as: .leftMenu{ float:left; width:20%; background-image:url(../images/leftMenuBG.jpg); background-position:bottom; background-color:#BFDAE3; background-repeat:repeat-x; } Can't seem to get it ...
Hello, I am developing a website for a Curling Club in France. When you open the website http://www.bcc.ionyse.com/ with Firefox you don't have any problem. But if you try using webkit, the right column disappear. Do you know what's wrong ? I am guessing some clear or overflow CSS properties are missing but I cannot figure out how. Th...
Hi everyone, I'm currently in the process of creating a three row layout, nothing too difficult so far. The problem arises because I need each row to be 100% width to fill any resolution with a color and I also need the divs inside each row to be 1024/960px and centered. Something along these lines: <div class="top"> <!--This needs to...
I had to split up a long css file. I put the smaller css files within a "styles" directory. Now I have to update the the urls to go up one level with the "../" notation. Is there anyway to specify the base url from which to load assets like with the base tag in html, but with CSS? ...
Hi there, ie6 has been bugging me up from a very long time from now. and i am feeling so frustrated. however here is the problem i am facing. i have written the XHTML markup , html and css code. i want to test the cross browser compatibility, i know there are lots of tools out there to do it, and i am already using some of them. i am ...
Hi, I am making a web page for a friend and at the minute I have the layout as follows: there is a 10% border, 80% center area for the banner and content, and another 10% border on the right. Now instead of having the left and right areas empty I would like to have an image repeating down as far as the page goes (which will probably ...
I need to put the name of some universities on my web page. I have typed them as they were but in some browser or maybe some computers they appear differently. For example, "Universite de Moncton" should have the 2nd "e" in Universite with an accent acute over it. Could you please help about it. ...
I have the following CSS .streamBox { font-size:12px; background-color:#EDEFF4; border-bottom:1px solid #E5EAF1; margin-top:2px; padding:5px 5px 4px; } .streamBox:last-child { border: none; } HTML <ul id="activityStream"> <li class="story"> <div class="streamBox nobkgcolor" id=""> Stuff </div> </li> <li class="sto...
I sometimes notice a CSS or JS code surrounded with <![CDATA[ and ]]> tags. I couldn't find any explanation to this. What does CDATA do? Why is it used by some people and what is it needed for? ...