Re: [css-d] Browser testing - Opera problems and other slight variations.

[Gunlaug Sørtun]

Christopher Blake wrote:

> http://www.neilparishmep.org.uk/new/index.html

> It's my first ever site and I am enjoying learning, for the most 
> part! I use an apple mac so my browser testing is; Safari, Firefox, 
> Netscape (all recent apps) &, Opera, Internet explorer (opera not 
> paid for, I.E 5)

Remember to note version-numbers so we know which ones to check / not
check in.

> Although the site varies slightly on every one - there is nothing too
>  strange.

There will always be differences between browsers for all but the
simplest layouts.

> In Opera - It just does not recognise my left hand navigation menu at
>  all! - Can anyone explain this? I am completely lost.

Opera 9.x (win & Mac) is doing fine. So are Opera 7.54 and 8.0 (win).

Firefox 2.0.0.1 (win) positions the email elements a little (10px) too
high, IMO.

> Also if anyone could check my site in I.E 6 & 7 and AOL Explorer I 
> would be really interested (and hopefully happy) with the results.

IE6 (and older win-versions) can't handle 'position: fixed', so those
parts scroll with the page. Some of it can probably be solved with an
IE-expression or two...




The "too long page" in some browsers is caused by the many properties on
'#dynamic' that you use in an attempt to stretch that column and make
those paragraphs in '.maintext' line up alongside it. That approach
creates a cross-browser mess, as browsers interpret those
properties/values differently.

Here's a better method with cross-browser predictable styles...

#dynamic{
float:right;
width: 250px;
background-color: #EDEFEA;
margin: 0 0 0 40px;
background-image: url(../images/greyslope.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 100px;
}

.maintext{
display: table;
height: 1%;
}

...which will create the line-up you want.
Now you also have to delete the 'margin-right: 280px;' on h1 and h2, as
that is no longer needed.

The addition of...

#content{
min-width: 500px;
}

...will prevent dropdown on narrow window-width in supporting browsers.

The '#dynamic' column won't stretch vertically in any browser with the
above. We normally use "faux columns"...

...to achieve that effect.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Browser testing - Opera problems and other slight variations.

[Christopher Blake]

Hi,

Thanks, that is s lot better. However when I expanded the browser,  
the right hand column (#dynamic) did not stay to the right (float  
right within #content with no set width).
A difference that I noticed from firefox (which is a good difference)  
is that the 'enter email' and button are in the correct location.
I was using Opera 6.03 - it came out of a folder in flash mx and was  
asking me to pay.

Is the enter email bit in the right place on your version of FF?
Do you see the same problem with right float on opera when browser  
expands?



Christopher Blake
[EMAIL PROTECTED]
07816163420


On 7 Jan 2007, at 03:55, Andrew Gregory wrote:
On Sun, 07 Jan 2007 12:18:02 +0900, Christopher Blake
<[EMAIL PROTECTED]> wrote:

http://www.neilparishmep.org.uk/new/index.html  (url)
http://www.neilparishmep.org.uk/new/stylefile/style1.css(css file)

I use an apple mac so my browser testing is; Safari, Firefox,
Netscape (all recent apps) &, Opera, Internet explorer
(opera not paid for, I.E 5)
^^^
I should hope so! Since Opera is free!

To the point - I see no difference between Opera and Firefox (both on
Windows XP SP2). What version of Opera are you running? If you're not
running 9.10, update and check again.

HTH,
-- 
Andrew Gregory, mailto:[EMAIL PROTECTED] >
http://www.scss.com.au/family/andrew/ >



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Vertical-align problems in IE7

[Blake]

On 1/7/07, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
>
> That's correct, but unless I'm missing something (especially since I
> don't have IE7 installed) then the following should work quite well...
>
> #content {
> height: 260px;
> /* position: relative; <-- delete this */
> position: absolute;
> top: 50%;
> margin-top: -130px;
> }
>
> ...for vertically centering of a fix-sized layout like yours.

Right, I _forgot_ my layout was fixed height and straight away went
for the display: table route. Argghh, thanks for finding the elegant
solution! Now I have to go and hit my head against a brick wall for a
few minutes.

-- 
Australian Web Designer – www.blakehaswell.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Browser testing - Opera problems and other slight variations.

[Andrew Gregory]

On Sun, 07 Jan 2007 12:18:02 +0900, Christopher Blake  
<[EMAIL PROTECTED]> wrote:

> http://www.neilparishmep.org.uk/new/index.html  (url)
> http://www.neilparishmep.org.uk/new/stylefile/style1.css(css file)
>
> I use an apple mac so my browser testing is; Safari, Firefox,
> Netscape (all recent apps) &, Opera, Internet explorer
> (opera not paid for, I.E 5)
^^^
I should hope so! Since Opera is free!

To the point - I see no difference between Opera and Firefox (both on  
Windows XP SP2). What version of Opera are you running? If you're not  
running 9.10, update and check again.

HTH,
-- 
Andrew Gregory, mailto:[EMAIL PROTECTED] >
http://www.scss.com.au/family/andrew/ >
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Vertical-align problems in IE7

[Gunlaug Sørtun]

Blake wrote:
> Ahh, just did some research and it turns out IE7 doesn't support the 
> display: table; or display: table-cell; declarations ... *sigh*

> http://blakehaswell.com/others/blakehaswell/

That's correct, but unless I'm missing something (especially since I
don't have IE7 installed) then the following should work quite well...

#content {
height: 260px;
/* position: relative; <-- delete this */
position: absolute;
top: 50%;
margin-top: -130px;
}

...for vertically centering of a fix-sized layout like yours.

IE6 doesn't support transparency on those headline 'png', and IE5.x/win
also needs the usual text-align trickery for horizontal centering.
IE5/Mac needs some minor corrections - if you care to support it.
Other than that it looks fine across browser-land.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Browser testing - Opera problems and other slight variations.

[Christopher Blake]

Hello helpful folk,

I am creating this site;

http://www.neilparishmep.org.uk/new/index.html  (url)

http://www.neilparishmep.org.uk/new/stylefile/style1.css(css file)

It's my first ever site and I am enjoying learning, for the most  
part! I use an apple mac so my browser testing is; Safari, Firefox,  
Netscape (all recent apps) &, Opera, Internet explorer (opera not  
paid for, I.E 5)

Although the site varies slightly on every one - there is nothing too  
strange.

However;

In Opera - It just does not recognise my left hand navigation menu at  
all! - Can anyone explain this? I am completely lost.

Also if anyone could check my site in I.E 6 & 7 and AOL Explorer I  
would be really interested (and hopefully happy) with the results.

The closest thing to what I am looking for (expecting) can be seen  
using Firefox - (not really - Netscape)

If anyone could help with the other variations of the page in other  
browsers then please, please do.

On Safari - The enter email box and button (bottom left) are  
positioned correctly.
The page is too long - content is set to height 100% - but  
it is leaving a chunk of space at the bottom.
The right hand #dynamic column is set to 100% - It makes 
sense  
that it is stretching for the content - but ideally I would like it  
to run down the length of main content, or if   longer than 
main  
content to expand this div.
everything else is just the way I want it for now =)

On Firefox - This is exactly as I want it except for the 'enter  
email' box is out of position. It is absolute but not in the right  
position.

I.E. 5 - This is quite good too, except for the same problem with  
email positioning as above & the added space at bottom like in Safari.

Netscape - Okay, i told a lie 'netscape is the best for viewing the  
site as I want it. Perfect for the moment =)

Opera - problems with menu (as mentioned)
   enter email out of place
  Too long page





Christopher Blake
[EMAIL PROTECTED]
07816163420



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Vertical-align problems in IE7

[Blake]

Ahh, just did some research and it turns out IE7 doesn't support the
display: table; or display: table-cell; declarations ... *sigh*

Thanks anyway,
Blake

-- 
Australian Web Designer – www.blakehaswell.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE issue

[Andy Harrison]

Sorry Larry, I don't see what's causing that.  I did notice that the image
popups don't work correctly in IE 6 though (they aren't absolutely
positioned); who knows, it may have something to do with that.  I have a few
suggestions for your CSS:

.pic a .large {
 /*...*/
 display:none;   /*instead of block; so it's hidden until you hover -
and so you don't have to make it a single pixel to hide it*/
 z-index:1;   /*or greater; so the large image shows above all the
smaller ones*/
}

.pic a.p1:hover .large {
 /*get rid of position:fixed - this is probably causing the problem with
the popups in IE; leave it as absolute*/
}

Hope that helps in some way :-)

Andy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] need some help - MAC IE broswer + Safari problems and some text tag help

[Gunlaug Sørtun]

hiptojive @hotmail.com wrote:
> [...] On Safari and IE, it's about a pixel off on the right hand 
> content pane, because of the border i have put on it.  And then on IE
>  the left hand nav pane is really off (too short).  Any insight as to
>  how to fix this problem would be HUGELY appreciated.

We usually solve such problems by letting the browsers adjust on their
own, so it looks alright in all browsers. That's easier than to count
and correct such differences across browser-land.

Usually that means "avoiding 'position: absolute'" for large parts of
our layouts.

> [...] Apparently "Apple-chancery" or "zapf chancery" should work for 
> Safari because it seems to be installed on most Macs, but it doesn't 
> work. Am i coding this incorrectly?

A missing '}' at the end of that declaration. Some browsers will then
correctly ignore the entire declaration, while others will use what they
can.

> www.thestudioformovement.com
> 
> of course any other feedback would also be very helpful and 
> appreciated.

I found it quicker to rewrite the parts I found less good or not
working, instead of explaining how to correct them one by one. Here is
a cross-browser (win & Mac) tested example you can compare with your
existing page...



I've used floats and float-containment, and a list with anchors for
navigation. I've left the details to you.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Container Background Image Problems.

[Matt Ryan]

On 1/5/07, Ian Vaughan <[EMAIL PROTECTED]> wrote:
> I am having a problem with the #localnav div's background as it does not
> fill the full height of the page, it stops just after the links
> contained in the unordered list, I need the background image/colour to
> display the full length of the page, the same height as whatever the
> #content div will be from page to page.

There is a page that outlines a variety of methods for getting
multiple elements to have the same height on the css-discuss wiki:

http://css-discuss.incutio.com/?page=AnyColumnLongest

IMHO, doing this with pure CSS still seems to be a tricky,
pitfall-laced area. In my recent work I've tended to use js-based
solutions for this, because it helps me avoid trips to the pharmacy
for painkillers. :)

(As an aside, I just tried to edit the wiki to add a new fave js-based
method, Paul Bellow's CSS Balanced Columns[1], to the page, but for
some reason my change wasn' sticking. Anyone have any ideas why it
might not be "taking"?)

Matt Ryan

[1]  http://www.paulbellows.com/getsmart/balance_columns/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need help with "containers"

[Matt Ryan]

On 1/6/07, Blake <[EMAIL PROTECTED]> wrote:
> On 1/7/07, Donna Pfledderer @ Virtual Business Connection
> <[EMAIL PROTECTED]> wrote:
> > Is there away to have the containers enlarge when you add
> > content to it, but then push down a container below. LOL I'm
> > sure that didn't make sense.

Blake wrote:
Hi Donna,
I hope I understood your request properly. DIVs will stack up on top
of each other without any explicit code, so all you really need to do
is go:

And I submit:

Blake is correct, as long as the elements aren't absolutely
positioned... which I see from your CSS they mostly are.

Absolute positioning is good for making an element appear an a
specific place on the page (relative to the edges of the page) but not
a good method of making your elements be positioned relative to each
other. If you want your layout to be more flexible, you will need to
use other, more flexible methods of laying out the page, like floats,
relative positioning, margins, etc.

I hope that helps,
Matt Ryan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need help with "containers"

[Blake]

On 1/7/07, Donna Pfledderer @ Virtual Business Connection
<[EMAIL PROTECTED]> wrote:
> Is there away to have the containers enlarge when you add
> content to it, but then push down a container below. LOL I'm
> sure that didn't make sense.
>
> But I have a page that is just 1 column, 3 rows. I want the
> bottom "row" to move when the middle "row" enlarges. Can
> this be done, if so, what am I doing wrong? In other words I
> want them to stack on top of each other and the bottom
> container to move when the middle container enlarges.
>
> Also, I need the background to fill in.
>
> http://www.distrips.net/index_dlp.html
> http://www.distrips.net/CSS/style_imp_dlp.css
>
> I have tried different combinations of code and this is the
> last I tried.
>
> Thanks for any help. I'm spinning my wheels and going no
> were, but making a mess of things.
>
> Donna

Hi Donna,

I hope I understood your request properly. DIVs will stack up on top
of each other without any explicit code, so all you really need to do
is go:













Then in the CSS you just need to go:

#container {
width: 740px;
margin: 0 auto;
}

As far as positioning goes, the DIVs will now line up how you expect
them to, one on top of the other.

-- 
Australian Web Designer – www.blakehaswell.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Need help with "containers"

[Donna Pfledderer @ Virtual Business Connection]

Is there away to have the containers enlarge when you add
content to it, but then push down a container below. LOL I'm
sure that didn't make sense.

But I have a page that is just 1 column, 3 rows. I want the
bottom "row" to move when the middle "row" enlarges. Can
this be done, if so, what am I doing wrong? In other words I
want them to stack on top of each other and the bottom
container to move when the middle container enlarges.

Also, I need the background to fill in.

http://www.distrips.net/index_dlp.html
http://www.distrips.net/CSS/style_imp_dlp.css

I have tried different combinations of code and this is the
last I tried.

Thanks for any help. I'm spinning my wheels and going no
were, but making a mess of things.

Donna
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Best way to have checkbox/indented paragraph line up

[Matt Ryan]

> What I have is the typical acknowledgment of some term or condition before
> the user continues on, so you have a checkbox on the left with a paragraph
> on the right, and they are vertically aligned at the top, on the same row.
> Like so:
>
> __
> |   |   A paragraph here that may go multiple
> lines, but is indented like
> so and so forth.

AFAIK you can't replace a bullet with a check box.  However, there
should be a variety of ways to acheive the effect you are looking for.

One way to do in a mostly semantic way it is outlined here. There may
be a way to do it without the span using negative margins and the
such, but I'm not so well-versed in that approach. This may require
some testing for full browser support...

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>


#somethingContainer {
float:left;
width:7%;
text-align:right;
margin-right:2%;
}

/* you might need some fix for IE6 box model here; not sure... */

#somethingLabel {
float:left;
width:90%;
}

Your paragraph Your paragraph Your paragraph Your
paragraph Your paragraph Your paragraph Your
paragraph

Note that you would probably want to make the surrounding element (p
in this case) self-clear using one of these techniques:

http://css-discuss.incutio.com/?page=ClearingSpace

Hope that helps,

Matt Ryan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] need some help - MAC IE broswer + Safari problems and some text tag help

[hiptojive @hotmail.com]

Hi All,

I'm trying to take a crack at coding this site using a style sheet.  I've 
managed to get the page functioning okay on all PC broswers, however I'm 
having some trouble getting the MAC browsers to read the page properly.  On 
Safari and IE, it's about a pixel off on the right hand content pane, 
because of the border i have put on it.  And then on IE the left hand nav 
pane is really off (too short).  Any insight as to how to fix this problem 
would be HUGELY appreciated.

Also, I've been doing some reading up on trying to use fonts that are that 
are similiar to the PC "TypoUpright BT" (a cursive font) for MAC IE and 
Safari.  Apparently "Apple-chancery" or "zapf chancery" should work for 
Safari because it seems to be installed on most Macs, but it doesn't work. 
Am i coding this incorrectly?  My browser preferences on my own MAC prevent 
me from viewing the font correctly.  It is defaulting to the selected font 
on my Safari preference even though i have apple chancery on my MAC.  Can 
someone provide some better insight on how to do this?

here's the link:

www.thestudioformovement.com

of course any other feedback would also be very helpful and appreciated.

thanks all,
mary

_
Your opinion matters. Please tell us what you think and be entered into a 
draw for a grand prize of $500 or one of 20 $50 cash prizes. 
http://www.youthographyinsiders.com/R.aspx?a=116

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Vertical-align problems in IE7

[Blake]

Hi guys,

I'm having a pretty major problem with a design in IE7. The contents
of the #content DIV are not vertically-aligning in the middle of the
page.

You can find the page here: http://blakehaswell.com/others/blakehaswell/
The CSS is here: http://blakehaswell.com/others/blakehaswell/css/style.css

At first the background-image of #inner-container was being placed at
the top of the page chopped off at the top and bottom and the #content
DIV was being placed at the top of the page, so I put the height at
100%, which fixed the background-image in IE7 without any problems in
Firefox 2 or Opera 9.

However, the #content DIV still stayed at the top of the page, so I
don't know how to fix the problem in IE7.

Any help is appreciated. :-)

Regards,
Blake

-- 
Australian Web Designer – www.blakehaswell.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem overlap in IE7 (PLEASE)

[Ingo Chao]

"One might reproduce the problem in IE6 by giving haslayout to #content 
(as overflow does in IW6) by applying zoom:1 here."

must read

... (as overflow does in IE7) ...

Sorry.

Ingo


-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem overlap in IE7

[Ingo Chao]

Scott Povlot wrote:
> ... I need some help on IE7.  I have a website that works well on
> IE6, FF and Opera.  But on IE7, the content text overlaps the sidebar
> on the right.  The content area has a 13em right margin.  And the
> sidebar ("Upcoming Events") is positioned absolutely at the right on
> 0.
> 
> 
> Website: http://www.piedmont-div.org/ CSS:
> http://www.piedmont-div.org/css/styles.css
> 
short:

#section needs haslayout, for example

#section {zoom:1}


long:

Any wrapper that causes problems in the IE family may benefit from 
haslayout.

I think the reason why your problem doesn't show up in IE6 is the fact 
that the child element, #content, has no layout in IE6, but in IE7. They 
have changed the policy, overflow now triggers haslayout in IE7.

The big difference is that in IE6, a non-layout #section has to contain 
a non-layout #content. No problems.

In IE7, a non-layout #section has to contain a /layout/ #content. Now 
you have real problems.

One might reproduce the problem in IE6 by giving haslayout to #content 
(as overflow does in IW6) by applying zoom:1 here.

A layout wrapper controls the rendering of its direct child elements, it 
establishes the new block formatting context for these elements.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE issue

[Jehangir Larry]

Please take a look at the single picture in the sidebar www.teerthyatri.com 
It appears below the menu in FF but 'crawls up' in IE, including IE7.
Appreciate all help.
TIA
Larry

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie 6-7 wrapper problems

[Julian Merrow-Smith]

On 1/5/07, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
>
> Julian Merrow-Smith wrote:
> > The div is outlined by a background shadow which fits fine in firefox
> >  etc. and IE 5, & 5.5 but is 1px adrift in IE 7 and the div has
> > expanded in IE6 to cover the background image.
>
> > http://laserenissima.co.uk
>
> IE6 will do better with these additions...
>
> #Content {overflow-x: hidden;}
> #SubNav {display: inline;}
>
> ...that'll take care of IE's 'auto-expansion' bug (triggered (in part)
> by the 'italic' bug) and the 'margin-doubling on floats' bug.
>
> regards
> Georg
>
> Thanks George that sorted out the wrapper div though  there is still a one
pixel jog of the whole wrapper in XP IE6&7 and 7 on vista
screen captures here: http://www.browsercam.com/view.aspx?proj_id=312462

I can live with that but would like to know why.




-- 
Julian Merrow-Smith

http://shiftinglight.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/