css

Scrollbar of DIV with position FIXED is partly hidden behind window scrollbar

I have a table of contents in my page (see here) with these CSS styles: div.toc { height:38em; position:fixed; right:0; top:5em; width:21em; z-index:1; } How do I have to change these settings to make sure the DIV isn't partially hidden behind the body/window scroll bar? (Tested with Firefox 3.6 and Opera 10.1...

Divs don't toggle

I have following divs on my page <div id="rpttimeline">div 1</div> <div id="rptareaview">div 2</div> <div id="rptgalleria">div 3</div> <div id="rptremainingwork">div 4</div> <div id="rptremainingspec">div 5</div> <div id="rptremainingreq">div 6</div> <div id="rptremaininguserstory">div 7</div> Initially through css I have the f...

CSS div overflow property problems

I've got a div that has many listitems in a verticle rows (over 200). Depending on the screen resolution the container div should resize to fit the screen and create a vertical scroll bar and horizontal scroll bar for side scrolling - however; using overflow:auto or even overflow:scroll the list items are not cut to fit within the conta...

Simple CSS dropdown menu does not work in IE6 or 7 - please help.

Hi there. I'm using a very simple CSS dropdown menu which works well in most modern browsers. Unfortunately it must also work in IE6 and 7, which it currently does not. Can anyone please check it out very quickly and tell me if it can be easily fixed? I'm not adverse to using JavaScript if required. The markup and CSS: http://paste2...

Flex 3 Using an image as a border

I am working on an custom container and I need a border for this container. I have a 15x15 image that I am creating a 9-slice border skin with. The issue that I am having is that the border skin does not appear the way that I had hoped it would. Here is a ss of the skin in place. Ideally I should have a transparent box with a 5 pixe...

Why is this unordered list formatting differently in IE7?

I'm better about getting things to look good in IE8, FF, and Safari, but IE7 still throws curve balls at me... Please check out this page and scroll down below the nav bar: http://rattletree.com/instruments.php It should become obvious when viewing in FF vs IE7. For some reason the formatting of the list is pushing the list items down...

align div right with position fixed

Hi i want to show a div which is always visible with the user as the user scrolls the page are there any javascript solutions?? i have used the css position:fixed; Now i want to show the div at the right hand corner of the parent div i used the css .test { position: fixed; text-align: right; } but that doesn't work w...

ASP.NET 3.5 Customize DataPager

I currently have paging done manually and I use this code to display it <div class="pages_numbers"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">&raquo; </a></li> </ul> </div> I want to use the DataPager control to do the paging for me, I've gotten the paging to work great, but I cant get the C...

How do I do @font-face antialiasing in Internet Explorer?

I'm embedding a font in Internet Explorer with @font-face and it works but is not antialiased. How do I enable antialiased rendering for embedded fonts in IE? ...

css hover upon a link to fill background

what I want: when i hover upon a link it should fill the background with a fixed width (say 225px) background color. the length of the text of the link should not be considered. thank you so much. ...

Using <style> tags in the <body> with other HTML

<html> <body> <style type="text/css"> p.first {color:blue} p.second {color:green} </style> <p class="first">Hello World</p> <p class="second">Hello World</p> <style type="text/css"> p.first {color:green} p.second {color:blue} </style> <p class="first">Hello World</p> <p class="...

Visual Studio 2010 HTML Designer Renders Unlike IE8?

My question is: since Visual Studio 2010 was only just released, why does it not render pages in the same way as the latest Microsoft web browser, IE8? Is there a bunch of render options I should be setting? I thought Expression Web was supposed to help with its fancy Super Preview but that app doesn't even open VS solutions. Thanks f...

FireFox text-overflow ellipsis hack removes all other styling

I'm trying to implement text-overflow: ellipsis; support in the FireFox version of my web site. I've found the XUL hack on the web and have applied it to the stylesheet, but I find that applying the hack removes all other styling from the element. In other words, I can either have the ellipsis, or I can have the background image, gradi...

CSS and position little problem

hello so i have a content box and this menu box.. now the menu box moves when you have the browser in normal fullsize, and if you change size of the browser... here is picture: What do i do wrong? Here is my code: #menu { position: absolute; background: #FFF; text-decoration: none; border: 1px solid #000; color: #000; padding-left:...

how to make css submenu stay put when subpage has been selected.

I have a css horizontal menu with a menu / submenu display working on the hover, but I would also like to make the submenu options stay put when I've selected that page. The code below shows the submenu on hover, but goes away on mouse out. I'm having some difficulty figuring out how to make my code work to keep the submenu items stayi...

style problem with jQueryUI Autocomplete widget (using remote datasource)

<input class="ui-autocomplete-input"/> represents the text field to be autocompleted. <ul>...</ul> contains the list of matching items from the text field input. It is added to the document by remote call as you type. <ul>...</ul> is added just inside the closing </body> tag. I was expecting the <ul>...</ul> to be placed just after ...

html form using input as a submit button

Hello onlookers, A web site I've been using has some interesting behavior... There is a form, but there is no button for submission. Instead, there is an input: <input id="ctl00_pageContent_loginButton" type="image" style="border-width: 0px;" alt="Login" src="images/btn_login.gif" name="ctl00$pageContent$loginButton"/> and when y...

HTML href with css ie Problem

<style type="text/css"> .web_westloh { background-image: url(images/web_westloh.png); background-repeat: no-repeat; height: 100px; width: 350px; } .web_westloh:hover { border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #999999; padding-bottom: 5px; } .web_money { background-image: url(images/web_money.png); back...

Is it poor form to use CLASS attributes with no corresponding CSS rule?

For example if I wanted to select some elements with a certain class using jQuery, and for that reason only, is it always expected that those classes SHOULD be defined in the css?. <div class="xyz"> something </div> <div class="xyz"> something else </div> //with example jQuery $(".xyz").hide(); //is it wrong no element 'xyz' is defin...

Are there some good CSS practices in order to avoid browser-compatibility issues with IE?

I've discover so far that: stating the width in some elements fix issues in IE. and of course using a CSS reset Do you know any others? ...