Ok, the fix for getting the background image on the LI element was to add
float:left, and then clear:left so that my list still displayed vertically.
The end result was:
*:first-child+html #nav-main li {display:inline; margin-bottom:0.05em;
float:left; clear:left;} /*fix for IE7*/
Very strange, bu
Thanks for the tips, David. Adding the display:inline to the #nav-main li
element did the trick of removing the extra bottom margin. Unfortunately,
I'm still working on getting the background image for the element to display
properly, but hopefully I can work that out myself.
Thanks also for all t
David Laakso wrote:
> Erik Domingo wrote:
>
>> Validated the markup - except for an issue with a bit of javascript in the
>> footer, the page is valid Strict XHTML. I also tried removing all the
>> whitespace between tags, but the extra vertical space is still showing
>> in IE6 & 7.
>>
>> Erik
Erik Domingo wrote:
> Validated the markup - except for an issue with a bit of javascript in the
> footer, the page is valid Strict XHTML. I also tried removing all the
> whitespace between tags, but the extra vertical space is still showing
> in IE6 & 7.
>
> Erik
>
>
In reference toyour uri:
On Wed, 23 Jan 2008 15:36:45 -0500, Erik Domingo wrote:
> Hi all,
>
> I'm having a problem with an unordered list, where there is extra vertical
> space
> between LI elements when viewing in IE6 and IE7. You can see the problem at
> http://bdsredesign.bluelangroup.net/index.php, in the navigation
This may not apply to everyone, but I've found it helpful to use PHP
comments - thereby making code readable but having less gunk in the final
output:
Link 1Link 2Link 3
With that said, having space between
...firstsecond...
generally causes an apparent 'margin-right' or 'margin-left' space betw
I've done some search, and I found this tip:
http://phonophunk.com/articles/ie-fix-for-gaps-between-list-items.php
Trying to find this one (that I usually use for this):
Item Um
Item Dois
The second I know that works very well, but the first I have not
tested because I use Linux, and I
Validated the markup - except for an issue with a bit of javascript in the
footer, the page is valid Strict XHTML. I also tried removing all the
whitespace between tags, but the extra vertical space is still showing
in IE6 & 7.
Thoughts?
TIA,
Erik
On Jan 23, 2008 5:35 PM, David Laakso <[EMAIL P
On 23/01/2008, Erik Domingo <[EMAIL PROTECTED]> wrote:
> I'm having a problem with an unordered list, where there is extra vertical
> space between LI elements when viewing in IE6 and IE7.
IE has a very fun bug when it comes to list items. Try removing (or
commenting out) the whitespace between th
Erik Domingo wrote:
> I'm having a problem with an unordered list...]
>
> Erik Domingo
>
Validate the markup. Write back if you still drop the float in IE/6.0
and have more vertical space between the li's in IE6 & 7.
--
http://chelseacreekstudio.com/
___
Hi all,
I'm having a problem with an unordered list, where there is extra vertical
space between LI elements when viewing in IE6 and IE7. You can see the
problem at http://bdsredesign.bluelangroup.net/index.php, in the navigation
links at the upper left (Admissions, Faculty, etc). Note that the si
Gunlaug Sørtun wrote:
> Gary Benson wrote:
> > Ok, I removed the XML declaration. Presumable though I need to
> > add the page-centering workaround for IE<6?
>
> Yes - if you want to support them as best you can.
>
> > > IE6 still introduces 'auto-expansion' problems, as you haven't
> > > includ
Gary Benson wrote:
> Ok, I removed the XML declaration. Presumable though I need to add
> the page-centering workaround for IE<6?
Yes - if you want to support them as best you can.
>> IE6 still introduces 'auto-expansion' problems, as you haven't
>> included an 'this is an empty element' fix f
Gunlaug Sørtun wrote:
> Gary Benson wrote:
> > One question though: what are the two lines marked with "IE quirks
> > mode fix" for?
>
> I noticed that IE6 was running in old quirks mode when given your
> original test page - caused by the 'xml declaration', so I added the
> usual page-centering w
Gary Benson wrote:
> Gunlaug Sørtun wrote:
>> You're experiencing 'collapsing margins'[1].
> Heh, I read that on the wiki on Friday and couldn't see how it
> applied to this case. I guess that means I need more sleep ;)
Probably :-)
> One question though: what are the two lines marked with "I
Gunlaug Sørtun wrote:
> Gary Benson wrote:
> > I'm trying to make a box with rounded corners by using images
> > for the top and bottom edges, but I'm getting big gaps between
> > the images and the they surround.
>
> You're experiencing 'collapsing margins'[1].
Heh, I read that on the wiki on F
You still have default margins being applied to the H1 and the P
elements. You can either remove these or simply add overflow: hidden;
to the #content div.
Lee
Message: 27
Date: Sat, 05 May 2007 15:18:41 -0600
From: Tango <[EMAIL PROTECTED]>
Subject: Re: [css-d] Extra vertical space
T
On Sat, 5 May 2007 19:05:37 +0100, Gary Benson wrote:
>
> Ok, so I'm trying to make a box with rounded corners by using images for the
> top and
> bottom edges, but I'm getting big gaps between the images and the they
> surround.
> Check out http://www.relaxshiatsu.co.uk/ to see what I mean.
Gary Benson wrote:
> I'm trying to make a box with rounded corners by using images for the
> top and bottom edges, but I'm getting big gaps between the images
> and the they surround.
> http://www.relaxshiatsu.co.uk/
You're experiencing 'collapsing margins'[1].
What you want is something clo
Gary,
On May 5, 2007, at 2:05 PM, Gary Benson wrote:
> Ok, so I'm trying to make a box with rounded corners by using
> images for the top and bottom edges, but I'm getting big gaps
> between the images and the they surround. Check out
> http://www.relaxshiatsu.co.uk/ to see what I mean. The HT
Gary Benson wrote:
> Richard Brown wrote:
>
>> On 05/05/07, Gary Benson <[EMAIL PROTECTED]> wrote:
>>
>>> The top and bottom s are where the images are (in CSS).
>>> Weirdly, the space is only present if I have block-level markup
>>> like in the content -- the space disappears if I just
>
Richard Brown wrote:
> On 05/05/07, Gary Benson <[EMAIL PROTECTED]> wrote:
> > Richard Brown wrote:
> > > On 05/05/07, Gary Benson <[EMAIL PROTECTED]> wrote:
> > > > The top and bottom s are where the images are (in CSS).
> > > > Weirdly, the space is only present if I have block-level
> > > > mark
Hi
On 05/05/07, Gary Benson <[EMAIL PROTECTED]> wrote:
> Richard Brown wrote:
> > On 05/05/07, Gary Benson <[EMAIL PROTECTED]> wrote:
> > > The top and bottom s are where the images are (in CSS).
> > > Weirdly, the space is only present if I have block-level markup
> > > like in the content -- t
Richard Brown wrote:
> On 05/05/07, Gary Benson <[EMAIL PROTECTED]> wrote:
> > The top and bottom s are where the images are (in CSS).
> > Weirdly, the space is only present if I have block-level markup
> > like in the content -- the space disappears if I just
> > have this:
> >
> >
> >
> >
Hi Gary
On 05/05/07, Gary Benson <[EMAIL PROTECTED]> wrote:
>
> The top and bottom s are where the images are (in CSS).
> Weirdly, the space is only present if I have block-level markup
> like in the content -- the space disappears if I just
> have this:
>
>
>
> blah blah blah
>
>
Hi all,
First of all my apologies if you get another copy of this but I
sent this 24 hours ago and it's not appeared in the archive yet.
Ok, so I'm trying to make a box with rounded corners by using
images for the top and bottom edges, but I'm getting big gaps
between the images and the they sur
On Mon, 18 Sep 2006 14:51:29 -0700, William M Conlon wrote:
>
>
> http://www.rgallery.us/index.html
>
>
> On Sep 18, 2006, at 1:52 PM, ~davidLaakso replied:
>
>> See if this helps:
>> div#top { width:638px; height: 106px; border: 1px solid
>> #560116; }
>> win/IE/6 and down get this hack encl
On Sep 18, 2006, at 1:52 PM, ~davidLaakso wrote:
>> There are two places this occurs at http://www3.rgallery.us/
>> index.html
>>
> I was not able to access the file.
So sorry. Should have been
http://www.rgallery.us/index.html
> See if this helps:
> div#top { width:638px; height: 106px;
William M Conlon wrote:
> Hi, I'm new to this list. Sorry I didn't find it years ago.
>
Welcome.
> I'm perplexed by a problem with IE 6 adding an extra few pixels at
> the bottom of a div.
>
> There are two places this occurs at http://www3.rgallery.us/index.html
>
I was not able to access
Hi, I'm new to this list. Sorry I didn't find it years ago.
I'm perplexed by a problem with IE 6 adding an extra few pixels at
the bottom of a div.
There are two places this occurs at http://www3.rgallery.us/index.html
Maybe someone can help me see where the problem is with the first,
simpl
30 matches
Mail list logo
