[css-d] IE problems regarding height of DIV

Hello I am in urgent need to fix a strange gap problem. I dont understand why I get a big white gap on top of the picture. The gap is between the bottom of the header and on top the image. Looks OK in Firefox exept that there is a smaller gap between the header in the textarea. This problem

Re: [css-d] 120DPI system fonts wreak havoc in certain browsers

On 2008/02/18 13:15 (GMT-0500) Jeff Blaine apparently typed: > How does one address IE7 (for one) when the user has > configured his/her Windows system to use 120DPI fonts > instead of the default 96DPI? Please remember that CSS is officially designed to *suggest* presentation, not *control* pres

Re: [css-d] Request for Comments on this CSS Stylesheet Approach

Rafael wrote: > Chris Broadfoot wrote: >> Rafael wrote: >>> Having separate style sheets usually helps to keep everything >>> organized (depending on how you build them), but it also gives you >>> more connections to the server. So what you can do is to make use of >>> that server-side langu

Re: [css-d] Absolutely positioned div breaking out of parent in IE

On 2/20/08, Hayley Kinash <[EMAIL PROTECTED]> wrote: > I've got an absolutely positioned div inside a relatively positioned div, > but in IE the child div is breaking out of the parent and uses the body as > its parent. There's a width and a height on the parent div, and all divs > above the pa

Re: [css-d] problem with borders

From: vwf <[EMAIL PROTECTED]> >The page: http://www.opeform.nl/test/ >The CSS: http://www.opeform.nl/test/screen00.css >My questions are: >How can I get rid of the white borders between the navigation images? >Why do my background images no shift on hover? The "borders" are white space between

Re: [css-d] extra pixel gap in containment div

[EMAIL PROTECTED] wrote: > Quoting David Laakso <[EMAIL PROTECTED]>: > >> Add >> img {display: block;} >> to your style sheet. >> >> Best, >> ~dL >> >> >> > > Thanks David, that did the trick. Not sure why though. Is this a > browser rendering bug or does it have something to do with imag

Re: [css-d] graphics align right in table cells

bbxrider wrote: > http://www.westernstatesglass.com/1navDoc_wsgIndustryLinks/document_view > i'm missing something, am trying to get the logo pics to align right > so they are closer to the text of the link You mean like... ...? Add...

Re: [css-d] extra pixel gap in containment div

Quoting David Laakso <[EMAIL PROTECTED]>: > > Add > img {display: block;} > to your style sheet. > > Best, > ~dL > > Thanks David, that did the trick. Not sure why though. Is this a browser rendering bug or does it have something to do with images being treated as type and allowing for low han

Re: [css-d] extra pixel gap in containment div

[EMAIL PROTECTED] wrote: > I've got a problem where a containment div has a 1 or 2 pixel gap at > the bottom. > > The page is here- > > http://74.54.160.125/~primadon/thumbs.php?class=c > > ~Ben > > > Add img {display: block;} to your style sheet. Best, ~dL -- http://chelseacreekstudi

[css-d] graphics align right in table cells

this is what i'm trying .logo_cell { align="right"; height="87"; width="250"; } for this page http://www.westernstatesglass.com/1navDoc_wsgIndustryLinks/document_view i'm missing something, am trying to get the logo pics to align right so they are closer to the text of the link the right

Re: [css-d] Height %100 Problem

Gercek Karakus wrote: > I am working on a website and have a problem with width property. I > want my left column background to extend to the footer. I tried > several methods... However, I could not achieve my goal. Does anyone > have an opinion? What's the best method depends on the case at

Re: [css-d] Opera display issue

> > http://www.lfelem.lfc.edu/new_site/indexnew.html does not display the > > top horizontal menu items in Opera. > > > > Basically: delete 'position: relative' on '#point li' and '#point li a', > and Opera will cooperate. > > regards >

Re: [css-d] problem with borders

> My questions are: > How can I get rid of the white borders between the navigation images? > Why do my background images no shift on hover? Your background didn't change on hover because you were trying to change the background position on the nchor element which is display: inline by default.

Re: [css-d] Opera display issue

Nancy E. Sosna Bohm wrote: > I don't know how important it is to have a site work in Opera, but it > probably should. I don't know how important it is either, but I can't see why not. > http://www.lfelem.lfc.edu/new_site/indexnew.html does not display the > top horizontal menu items in Opera. I

Re: [css-d] problem with borders

On 21/02/2008, at 8:42 AM, vwf wrote: Hello, I try to make new layout for my website. The first hurdle is a horizontal navigation bar that does not behave like I want: I get unwanted borders, and the background does not shift on hover. Can someone help? One sketch can be seen at http://www.opefo

Re: [css-d] IE6 display problem

Hey Dan, I did some work to debug the issues you have going on in IE6; The first issue is the banner - it's too tall, which is being caused by this bit of code: #menu a span { float : left; padding : 34px 25px 0 25px; height : 61px; font-size : 12px; border-left : 1px solid #fff; } IE doesn't li

[css-d] Height %100 Problem

Hi, I am working on a website and have a problem with width property. I want my left column background to extend to the footer. I tried several methods... However, I could not achieve my goal. Does anyone have an opinion? This is the address of the website I am working on: http://anxiety.binghamt

[css-d] Still Having Problem with Menu Line Break

Page in question: http://inourpath.com/intro.html I am still having problem with the bottom menu line breaking to a second line in IE 6 and IE7. The "MAP" is breaking to a second line. The menu is in the nav div which is centered within the bottom_menu div (the bottom_menu div is exactly the widt

[css-d] Absolutely positioned div breaking out of parent in IE

I've got an absolutely positioned div inside a relatively positioned div, but in IE the child div is breaking out of the parent and uses the body as its parent. There's a width and a height on the parent div, and all divs above the parent have position:relative and a width. It behaves as expected

[css-d] dropdown menu issue with IE6

I've run into a real poser with using drop down menus and IE6 (real surprise). Here's the scenario: -I have two horizontal navigation areas using Son of Suckerfish dropdowns -the 2nd area is also using background image replacement -one page has a Flash file where the 2nd level dropdowns were getti

[css-d] 120DPI system fonts wreak havoc in certain browsers

How does one address IE7 (for one) when the user has configured his/her Windows system to use 120DPI fonts instead of the default 96DPI? It's my unconfirmed understanding that Opera does the same (arguably wrong) thing as IE7. 120DPI http://www.kickflop.net/temp/moopoint-ie7.jpg http://www.kickfl

Re: [css-d] Request for Comments on this CSS Stylesheet Approach

Hello, This method is not something I would recommend. The possible problems I see: * no full use of caching. A css file needs to be loaded by a browser only once, then it is stored in cache. By adding a separate stylesheet for each page you will lose that speed gain. * what with elements that

[css-d] Opera display issue

Hi CSSers, I don't know how important it is to have a site work in Opera, but it probably should. This page: http://www.lfelem.lfc.edu/new_site/indexnew.html does not display the top horizontal menu items in Opera. It's okay in FF2, IE6, IE7, IE6, and Safari. Here's the css http://www.lfelem.lfc.e

Re: [css-d] Layering of background images help

> You mentioned that my top nav is not working in IE. >Make it... >#wrapper2 #navigation ul { >list-style: none; >float: left; >margin: -42px 0 0 0; >padding: 0; >position: relative; >} >regards >Georg Once again, thank you Georg. Spot on and it rocks. What a powerful learning too

[css-d] problem with borders

Hello, I try to make new layout for my website. The first hurdle is a horizontal navigation bar that does not behave like I want: I get unwanted borders, and the background does not shift on hover. Can someone help? One sketch can be seen at http://www.opeform.nl/test/schets.png The page as I mad

Re: [css-d] Layering of background images help

Cory Shubert wrote: >> Temp url: http://69.89.31.183/~pixelago/ > You mentioned that my top nav is not working in IE. Make it... #wrapper2 #navigation ul { list-style: none; float: left; margin: -42px 0 0 0; padding: 0; position: relative; } ...and IE6 will play along. 1: IE6 tends to hide (pa

Re: [css-d] extra pixel gap in containment div

Quoting Rick Faircloth <[EMAIL PROTECTED]>: > I'm not seeing a gap in FF2, however the first thing that comes > to mind is to try adding "display:inline;" for your image css. > > Worth a try... > > hth, > > Rick Hi Rick, I actually tried that before, the only thing that seems to work is to eit

[css-d] extra pixel gap in containment div

I've got a problem where a containment div has a 1 or 2 pixel gap at the bottom. The page is here- http://74.54.160.125/~primadon/thumbs.php?class=c CSS is here: http://74.54.160.125/~primadon/common/thumbs.css http://74.54.160.125/~primadon/common/master.css The two white-bordered, grey bac

[css-d] Several problems with template

Dear List, For my site I use the following template, but there are serveral things that go awry in IEX (including 7): http://ebrius.nl/fileadmin/template/ebrius.nl/index.html 1. The footer and header are placed too much to the left 2. The footer overlays the content if the content exceeds

Re: [css-d] Layering of background images help

Cory Shubert wrote: > I have a site that is giving me grief. I want to have an image on top > of two different background images and I just can't seem to figure it > out. > Temp url: http://69.89.31.183/~pixelago/ >Layering of images or any other elements can be done in many ways. >Support fo

Re: [css-d] Float a link inside a header

Thanks Matt, the "position: relative; and position: absolute; " solution works fine. thanx Nikos Matthew Taylor wrote: > Hi Nikos, > > Try positioning the a tag to the absolute top right corner of the heading > block instead. Here's how that's done: > > h1 { > position:relative; > } > > h1 a {

Re: [css-d] Float a link inside a header

Hi Georg, your solution does the alignment but I don't like this wide link. It works in FF,IE,Opera, Safari. Anymore suggestions? Nikos Gunlaug Sørtun wrote: > Nick Mavros wrote: > >> Title subtitle >> >> I want the Title to be left aligned and the subtitle to right >> aligned. But I want them

Re: [css-d] Compact forms

Hi Ben, On 19-Feb-08, at 10:58 PM, Ben Fider wrote: > I've been needing to use compact forms for a few projects. In other > words: > the form field's labels need to be INSIDE the input element. How does this technique work for you? http://www.456bereastreet.com/archive/200710/autopopulating_

Re: [css-d] Float a link inside a header

Sorry that sould be padding not margin: h1 { position:relative; padding-right:11em; } h1 a { position:absolute; top:0; right:0; width:10em; } - Matt =) Matthew James Taylor http://matthewjamestaylor.com > Hi Nikos, > > Try positioning the a tag to the absolute top right corner of the headin

Re: [css-d] Float a link inside a header

Hi Nikos, Try positioning the a tag to the absolute top right corner of the heading block instead. Here's how that's done: h1 { position:relative; } h1 a { position:absolute; top:0; right:0; } Of course if your heading is long or your page is narrow then the two headings may run into each oth

Re: [css-d] Float a link inside a header

Nick Mavros wrote: > Title subtitle > > I want the Title to be left aligned and the subtitle to right > aligned. But I want them to be in the same line. h1 a { display: block; width: 100%; text-align: right; margin-top: -1.3em /* make value equal to line-height */; } h1 {height: 1%;} ...will

[css-d] Float a link inside a header

Hi, the html is this : Title subtitle I want the Title to be left aligned and the subtitle to right aligned. But I want them to be in the same line. When I float: right the it goes to the right but it falls below the line. So I need to put a negative margin to get it to the same line with t

Re: [css-d] wrap text around an absolute image

Rob freeman wrote: > How do I allow the text to wrap around the image. At the moment the > absolute image is taken out of the document flow, so Im not sure how > I can get the text to wrap > http://www.coloursense.net/testfolder/instructions.html Float the image and correct margins/paddings to g

Re: [css-d] wrap text around an absolute image

On 2/20/08, Rob freeman <[EMAIL PROTECTED]> wrote: > hello everyone.. > > Could someone please help? I am working on quite a basic site which > has an image positioned absolutely to the right of the page, hanging > off slightly. > > Down the side of the image I have some text which at the moment is

[css-d] IE6 display problem

Hello, The page here: http://qurl.com/5tyfb validates and displays as it should in Firefox, Opera and IE7, but breaks horribly in IE6. Can someone look and see what is the problem? TIA. Best regards, Dan Craciun __ css-discus