css

CSS: Formatting blocks. Strange height behaviour or how to adjust height by content inside th block

Hi I am not really familiar with CSS, and come across the following problem: I am making list of 3 item (actually they are divs), and added an image title, and some description inside each of them. Everything was good, till that time when I was requested to add another block after this one... And after I tried it, I investigated that ...

PHP & CSS Output Problem

How do I set this up so that I can manipulate $backgroundcolor = "#00FFFF"; on another .php file? Initially I just want to be able to change the value of the $backgroundcolor ="#00FFFF"; From another form that is hrefed to this form (style.php) based on user input. I Tried this on this form so that I could hopefully give $backg...

css fixed header and floating content

here is my css: html { height: 100%; } body { height:100%; width:300px; margin:0px; } div.div1 { height:100px; background-color: red; } div.div2 { background-color: blue; height: 100%; } and here is my html: body> div> class="div1" /div> div> class="div2" /div> /body> the problem is that I want body to be float-based but ...

"Right" way to tell relatively shifted div that the original place no longer occupied

As long as I see when I position an element (for example flash player) relatively to previously placed image as in the example style="display: block; width:216px;height:164px; position: relative; top: -306px; left: 63px" the place that it intended to use before is looked occupied, i.e. next element will be shown AFTER that place. But...

HTML Float issue - should be simple but can't get it to work...

Hey I am trying to left align a div within a div that has been center aligned with margin: 0px auto; but i just can't seem to get it working, i know this is a simple issue but i just can't seem to get it to work... any help would be brill ! PS - i have attached an image of the problem, just can see the left col is float-left but now ...

animate div background image

i have div <div class="hide1" id="MDive"> <TABLE WIDTH="1000" BORDER=0 CELLPADDING=0 CELLSPACING=0> in this div i have complete body of page. i have also two classes <style> .hide1 { background: url(bgs/bg_first.png) no-repeat; } .hide2 { background: url(bgs/Picture-12_SOFT.jpg) no-repeat; } </s...

css hack for safari on mac

Hi, just wondering if some one could help me with css hack for safari on mac, what I'm trying to do looks good on safari for windows but looks different on mac, on my top navigation I'm trying to center everything,it looks centered on firefox,ie,safari but on safari on mac it's not centered, so I wanted to give it left margin that coul...

DIV Width Not Expanding To Fit Width Of Child DIVs - IE7

I have a page with an ASP.NET Gridview on it...this Gridview is located in a child DIV inside a parent DIV. That Gridview can often go wider than the parent DIV width set. In IE6 the MAINDIV (Parent DIV) would expand to fit the expanded Gridview contained within the child DIV. In IE7 the DIV will not expand so it overlaps the DIV and ...

Getting absolute positioned item over a relative one. (IE)

Please refer to test site below. Having problems in IE (6&7) getting an absolute positioned item to appear OVER one that is relatively positioned. http://tinyurl.com/yzr6xu6 The yellow box (absolute) should appear over the blue box (relative). I tried giving the blue one a z-index lower then yellow, but this did not appear to work. An...

How *should* this content be rendered when h-scrolling is introduced?

Given markup like this: <body> <div style='text-align:center'>header</div> <table> <tr><td> really_wide_table..........................................................................................................................................................................................................................

jquery div background fadein

i have html page <body> <div class="hide1" style="width:1000px; height:1000px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="center">Heading</td> </tr> <tr> <td width="51%">Left1</td> <td width="49%">right 1 </td> </tr> <tr> <td>Left 2 </td> <td>right 2 </td> </tr> </table...

Is the order of rules within a single css file important?

Does the order of the rules within a single css file make a difference? <div id="wrapper> <div id="a> section a </div> <div id="b> section b </div> <div id="c> section c </div> </div> Can the div rule for #c need to be below #a and #b, or will the clear:both not work? #wrapper { color: ...

jquery fadein stop

i have following script <script> $(document).ready(function(){ $("div.mover").hover(function () { $("div.hide1").fadeTo("slow", 0.33); $("div.hide1").fadeTo("slow", 1); },function(){ $("div.hide1").stop(); }); }); </script> and html page is <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><d...

Help with Sass mixin & variables (var is being ignored)

Hi guys, I have the following mixin in a sass partial: =card-list width: 180px min-height: 150px display: -moz-inline-stack display: inline-block vertical-align: top margin: 5px zoom: 1 *display: inline _height: 250px -moz-border-radius: 10px -webkit-border-radius: 10px Now, when I tried to make it parameterized ...

Incrementing the CSS padding-top property in Javascript

I have a CSS defined for a div #myDiv { padding-top: 20px, padding-bottom: 30px } In a JS function, I would like to increment the value of padding-top by 10px function DoStuff() { var myDiv = document.getElementById('myDiv'); //Increment by 10px. Which property to use and how? something like.. //myDiv.style.paddingTop += 10...

IE Print CSS and spanning page breaks

I've been working on trying to fix an issue with print CSS and IE where things would disappear when printing in landscape mode. It appears the issue is that the element I'm trying to print (a large DIV with content inside it) spans two pages when put into landscape mode. What is happening is when the element spans two pages, the first ...

CSS / IE 7 problem

Hey, I am having a hell of a time figuring out what went wrong with one of my buddie's sites regarding the CSS navigation menus. Here is the link to his site http://www.rpmafitness.com If you mouse over the About Us nav button, the menu drops down directly below it and everything works prefectly. But if you mouse over the Classes and...

App_offline.htm, CSS, images, and aspnet_isapi.dll

Hey all! So, the site I'm working on is using urlrewriting in coordination with aspnet_isapi.dll (everything is mapped to it). I put up my app_offline.htm file, and all the text shows, however, the CSS or images aren't being served. I'm guessing they're being processed by ASP.NET due to the wildcard mapping instead of IIS. Is this corre...

Windows Media Player on top other DIV

I have an embed window media player which is always on top of other DIV tags. I used wmode = opaque; WindowlessVideo = -1 but it does not help. Does anyone know how to make it appear below a certain element of the page. <object type="application/x-oleobject" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" codebase= "http://activex....

On which operating systems or browsers are CSS font-family names case-sensitive

According to sitepoint (a source I typically highly trust) when specifying font-family names some Operating Systems/Browsers may be case-sensitive. I've typically always used mixed-case values but I'm wondering if lower-case values will work just the same? I don't have an overwhelming preference either way - but I'd hate for a page to ...