Jump to content

dhracer

Members
 View Profile  See their activity

  • Posts

    6

  • Joined

  • Last visited

 Content Type 

Posts posted by dhracer

    IE woes

    in CSS

    Posted

    ah I see, so at some point does this mean all .html pages will have to be renamed to .xhtml and browsers will have to cope with this?

    IE woes

    in CSS

    Posted

    Thanks for the info guys.Will update the DTD to 1.0 then, why is 1.1 a no-no by the way?I did use hover originally, but I found that when you unhovered the links and images stayed in their hover state so I went with the JS.

    XHTML 1.1 as HTML text = no-noUse XHTML 1.0 Strict instead.Also, instead of JavaScript, you should try just to use padding-left on your links and a background-image. Then using the :hover pseudo-class, make it so that the background-image changes. I usually never have IE problems with that (except IE 5.0 that doesn't like padding on inline elements...).

    IE woes

    in CSS

    Posted

    Hi guys,I've written a quick website and I've done some testing. It's validated xhtml1.1 and the stylesheet is also validated.I've tested in firefox on linux and windows, and opera too. Everything is perfect. In IE6 The first <li> item in the menu doesn't have it's picture displayed and when you mouseover it half of the picture for the <li> below is obscured for some reason. :( Can anyone help me? I'm really tired of working specially to get things to work in IE, I wish this POS browser would just die :D The url is www.tenshadesofgreen.co.uk :) Thanks :)

    How do I center a <div>

    in CSS

    Posted

    the margin auto thing doesn't seem to work for me, I tried that :)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html><head><title>Div test</title><style type="text/css">div{    border-bottom-width : 2px;    border-left-width : 2px;    border-right-width : 2px;    border-top-width : 2px;    border-color : black;    border-style : solid;}div.main {    position : relative;    float : right;    width : 600px;    margin : 0 auto;    padding : 0;  }div.right {    float : right;    position : relative;}</style></head><body><div class="main">  this is in one div  <div class="right">    this is in the inner div  </div><div class="right">  this is in the inner inner div</div><div class="right">this is the innermost div</div></div></body></html>

×
×
  • Create New...