Re: [css-d] ie display problem

[Kevin A. Cameron]

- Try floating the img left, and add something to clear the parent div.
- Or putting the cork board before the image, which seems contrary to normal
flow, but with the cork board floated right, the img shouldn't bump down.

Kevin


On Thu, Mar 24, 2011 at 1:26 PM, Rory Bernstein wrote:

> On 3/23/11 5:28 PM, Rory Bernstein wrote:
> > On this page:
> > http://motherloadshow.com/
> >
> > There is a div called id="bulletin_board" that should display an image of
> papers pinned to a cork board ...>
> >
> > Thanks, Rory
>
>
> Philip Taylor kindly sent me this screenshot showing how the bulletin board
> content gets shifted vertically downward (see URL below). That box with the
> cork background and text that says, "this hilarious..." should be up
> directly above where it shows up in the screenshot, in the dark blue box.
>
> http://rorybernstein.com/motherload_ie_problem.jpg
>
> There have been a few responses about this problem, but no solution yet.  :
> (
>
> Can anyone tell me what is wrong with the code that makes the bulletin
> board move down in some versions of IE? Thanks again!  Rory
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie display problem

[Rory Bernstein]

On 3/23/11 5:28 PM, Rory Bernstein wrote:
> On this page:
> http://motherloadshow.com/
> 
> There is a div called id="bulletin_board" that should display an image of 
> papers pinned to a cork board ...>
> 
> Thanks, Rory


Philip Taylor kindly sent me this screenshot showing how the bulletin board 
content gets shifted vertically downward (see URL below). That box with the 
cork background and text that says, "this hilarious..." should be up directly 
above where it shows up in the screenshot, in the dark blue box.

http://rorybernstein.com/motherload_ie_problem.jpg

There have been a few responses about this problem, but no solution yet.  : (

Can anyone tell me what is wrong with the code that makes the bulletin board 
move down in some versions of IE? Thanks again!  Rory
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie display problem

[Philip Taylor (Webmaster, Ret'd)]

IE7 : Problems with this web page might prevent it from
being displayed properly or functioning properly.

Line 64, Char 9, Error : Object required.
Line 9, Char 3894, Error : 'null' is null or not an object.

Corkboard, and corresponding verso blank : displaced vertically
downwards by their full height.

Philip Taylor

Rory Bernstein wrote:

On this page:
http://motherloadshow.com/

There is a div called id="bulletin_board" that should display an image of 
papers pinned to a cork board, and there is text on the cork board. But I just found out 
that  nothing is show up there at all in ie 6 and 7 (just a dark blue background). Does 
anyone know why that would be?

Thanks, Rory
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


--
Not sent from my i-Pad, i-Phone, Blackberry, Blueberry, or any
such similar poseurs' toy, none of which would I be seen dead
with even if they came free with every packet of cornflakes.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie display problem

[David Laakso]

On 3/23/11 5:28 PM, Rory Bernstein wrote:

On this page:
http://motherloadshow.com/

There is a div called id="bulletin_board" that should display an image of papers 
pinned to a cork board ...>

Thanks, Rory






Fwiw, the "bulletin-board" thingy comes up without issue in XP IETester 
IE 6/7 and Standalone IE 6.0 running Parallels on Mac OS X 10.4.1.

Best,
Bill and Melinda

--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie display problem

[HallMarc Websites]

IE issue regarding png's most likely


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] ie display problem

[Rory Bernstein]

On this page:
http://motherloadshow.com/

There is a div called id="bulletin_board" that should display an image of 
papers pinned to a cork board, and there is text on the cork board. But I just 
found out that  nothing is show up there at all in ie 6 and 7 (just a dark blue 
background). Does anyone know why that would be?

Thanks, Rory
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Display problem

[David Laakso]

Jonathan Pulley wrote:
> I am having problems getting IE to cooperate with my design. FF on Linux 
> and windows displays it great but of course when i go to IE its messed up.
>
> The link: http://dev-whiteguardian.whiteguardian.net/profile.php
> The css: http://dev-whiteguardian.whiteguardian.net/css/layout.css
>
> IE is displaying the menu about 15px i think, higher than what it should 
> be. If someone could take a look and get me in the right direction i 
> would appreciate it. If theres a better way to do it i am open as well.
>
>
> Jonathan
>
>   




Sort of like another way of doing it?


-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Display problem

[Gunlaug Sørtun]

Jonathan Pulley wrote:

> http://dev-whiteguardian.whiteguardian.net/profile.php

> IE is displaying the menu about 15px i think, higher than what it
> should be.

Different default styles across browser-land and the 'layout' bug in
IE/win, makes it important to declare more complete styles.
Here's one way to make browsers agree on the outcome...




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

[css-d] IE Display problem

[Jonathan Pulley]

I am having problems getting IE to cooperate with my design. FF on Linux 
and windows displays it great but of course when i go to IE its messed up.

The link: http://dev-whiteguardian.whiteguardian.net/profile.php
The css: http://dev-whiteguardian.whiteguardian.net/css/layout.css

IE is displaying the menu about 15px i think, higher than what it should 
be. If someone could take a look and get me in the right direction i 
would appreciate it. If theres a better way to do it i am open as well.


Jonathan

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE display problem

[Liz lizCSSlist]

It worked, thank you so much!

Regards,
Liz


On 6/27/06 1:51 AM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote:

> Liz lizCSSlist wrote:
>> http://www.lizdesign.com/test/index.html
> 
>> In IE on a PC, when I drag the window smaller by the bottom right
>> corner, the left nav moves towards the center.  Any fix for this?
>> It's very likely that someone might try to resize the window this
>> way.
> 
> Add...
> * html #center {overflow-x: hidden;}
> ...as that will make IE behave /a bit more/ like a real browser.
> 
> regards
> Georg


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem

[Gunlaug Sørtun]

Liz lizCSSlist wrote:
> http://www.lizdesign.com/test/index.html

> In IE on a PC, when I drag the window smaller by the bottom right
> corner, the left nav moves towards the center.  Any fix for this?
> It's very likely that someone might try to resize the window this
> way.

Add...
* html #center {overflow-x: hidden;}
...as that will make IE behave /a bit more/ like a real browser.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem

[Liz lizCSSlist]

Hello, 

I hope someone can help me. My layout is at
http://www.lizdesign.com/test/index.html
I'm still struggling through the basics of css layout.

I used the code from the equal-height columns of alistapart for my page with
adjustments to sizes http://www.alistapart.com/d/holygrail/example_3.html

The problem is that on my first page I need to use a large image (actually
it will be 3 smaller images but I should be able to use a large one if
necessary)

In IE on a PC, when I drag the window smaller by the bottom right corner,
the left nav moves towards the center.  Any fix for this?  It's very likely
that someone might try to resize the window this way.

Thanks in advance.

Liz


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Mark Henderson]

 >>Connor Boyack wrote:
 >>However, in IE7b2, the overflow:visible; doesn't get caught for whatever
 >>reason, and it doesn't expand vertically.  Anybody know a fix for this?

I'm on digest so ignore me if this has already been answered.

Overflow isn't your problem. There's a new beta version available(1) 
which supports min/max width & height. You can read more about that and 
an interesting review from 456 Berea Street(2). If you choose to 
download, then you will need to hide the #content height declaration 
from IE7, and your best bet is probably conditional comments. 
Incidentally, the reason it is currently failing is due to the fact your 
current beta version (or at least betas prior to the March 20 release) 
implement height in the same way more standards compliant browsers do. 
IE7 will honour a fixed dimension (such as pixels or ems) and will not 
expand past this as you've discovered(3). There is however a workaround 
- feed it a percentage height and all will be well.



However, personally I would just get the newer release and forget about it.

HTH
Mark

1. http://www.microsoft.com/windows/IE/ie7/default.mspx
2. 
http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
3. http://www.webmasterworld.com/forum83/8361-4-10.htm
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Connor Boyack]

I did

On 3/29/06, Holly Bergevin <[EMAIL PROTECTED]> wrote:
>
>
> Have you tried changing the ie.css file as I suggested before? I'll
> suggest it once more. The following selectors and declarations are the ONLY
> things that should be in your ie.css file.
>
> #leftnav ul {
> margin-left:-5px;
> left:30px;
> margin-top:13px;
> }
>
> #content {
> height: 350px;
> overflow: visible;
> }
>
>
Thanks for the feedback.  I tried that, as you can see at:

http://www.connorboyack.com/junk/tlr/

In IE 6 it looks fine.  In IE 5.5, I still had to include a hack to push the
content div over by 210 pixels - before, it was overlayed on top of the left
navigation.

However, in IE7b2, the overflow:visible; doesn't get caught for whatever
reason, and it doesn't expand vertically.  Anybody know a fix for this?

Thanks,
Connor


--
Connor Boyack
WebVid Productions
http://www.webvidpro.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Holly Bergevin]

From: "Connor Boyack" <[EMAIL PROTECTED]>

>Everything else I've fixed, but I'm still having the height issue.  IE
>won't respond to the min-height property.  If I set the height as
>400px, for example, then it won't expand it greater than 400px - so if
>the content is longer, it gets chopped off.  Does anybody know a hack
>to get IE to have a min-height?

Have you tried changing the ie.css file as I suggested before? I'll suggest it 
once more. The following selectors and declarations are the ONLY things that 
should be in your ie.css file. 

#leftnav ul { 
margin-left:-5px; 
left:30px; 
margin-top:13px;
}

#content {
height: 350px;
overflow: visible;
}

In other words, get rid of all the other selectors and declarations in your 
ie.css and make sure that you have the above two as the only content for that 
style sheet. 

If you get rid of the overflow: hidden for IE, it will use any height you 
assign as a min-height if the content gets longer than the height you've set. 

Anyway, try it, you might like the results.

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Connor Boyack]

> >In IE, the min-height isn't recognized.. so on the index.html page, the
> >footer is right up underneath it.  How can I get hack the CSS to get IE to
> >push the footer down a bit?
>
> Perhaps set a height? (By the way, your current index.html page does not look 
> as you describe it above in my IE6.)

Everything else I've fixed, but I'm still having the height issue.  IE
won't respond to the min-height property.  If I set the height as
400px, for example, then it won't expand it greater than 400px - so if
the content is longer, it gets chopped off.  Does anybody know a hack
to get IE to have a min-height?

--
Connor Boyack
WebVid Productions
http://www.webvidpro.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Holly Bergevin]

From: "Connor Boyack" <[EMAIL PROTECTED]>

>I've changed that, and have a couple more bugs to squash...
>
>In IE, the min-height isn't recognized.. so on the index.html page, the
>footer is right up underneath it.  How can I get hack the CSS to get IE to
>push the footer down a bit?  

Perhaps set a height? (By the way, your current index.html page does not look 
as you describe it above in my IE6.)

>Also, in IE 7b2 (I have 5.5 and 7.. stupid installer for 7 overwrote 6..)

>From what I understand you can undo the install of IE7 easily. I don't have it 
>installed at all, so I don't know for sure.

>the div with the content on the right (#content) is getting pushed to the
>right by 10-15 pixels or so, and I'm not sure why... and as you'll see, it
>then pushes the entire webpage out to the right to compensate.  Ugly.  Any
>thoughts?

Yeah, try doing the rest the things I suggested in my last email, like adding 
{position: relative;} to #leftnav and deleting all but one of the declarations 
you have in your ie.css file, and see if that doesn't clear up most of the 
problems for you.

>http://connorboyack.com/junk/tlr/index_short.html  (page w/ short content)
>http://connorboyack.com/junk/tlr/index.html (page w/ long content)

>On 3/24/06, Holly Bergevin <[EMAIL PROTECTED]> wrote:

>>Then you can make further
>> adjustments from there, such as adding {position: relative;} to #leftnav and
>> getting rid of the following selectors in the ie.css -
>>
>> #container { height:100%; overflow:visible; }
>> #subcontainer{ height:100%; overflow:visible;}
>> #container { margin:0px; padding:15px; width:750px;}
>> #leftnav ul li { padding:0; margin-left:-10px;}
>> #leftnav ul li a { font-size:11px;}
>> #content { float:right; }
>>
>> These changes will give you a more common place to start visually between
>> FF and IE.

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Connor Boyack]

Great, thanks for the tip.

I've changed that, and have a couple more bugs to squash...

In IE, the min-height isn't recognized.. so on the index.html page, the
footer is right up underneath it.  How can I get hack the CSS to get IE to
push the footer down a bit?  I don't want to do something like a
margin-bottom, I'm not sure that would work well.. maybe.  Any ideas?

Also, in IE 7b2 (I have 5.5 and 7.. stupid installer for 7 overwrote 6..)
the div with the content on the right (#content) is getting pushed to the
right by 10-15 pixels or so, and I'm not sure why... and as you'll see, it
then pushes the entire webpage out to the right to compensate.  Ugly.  Any
thoughts?

Thanks for your help!
Connor

Links:
http://connorboyack.com/junk/tlr/index_short.html  (page w/ short content)
http://connorboyack.com/junk/tlr/index.html (page w/ long content)


On 3/24/06, Holly Bergevin <[EMAIL PROTECTED]> wrote:
>
> From: "Connor Boyack" <[EMAIL PROTECTED]>
>
> >Both pages are now valid XHTML and CSS.  Anybody have any ideas?
> >
> >The links are:
> >
> >http://connorboyack.com/junk/tlr/index_short.html  (page w/ short
> content)
> >http://connorboyack.com/junk/tlr/index.html (page w/ long content)
>
> Tested on the index.html page -
>
> Start by getting rid of the following -
>
> #leftnav, #content{ padding-bottom: 34277px; margin-bottom: -34267px; }
>
> which is what is giving IE the willies. Then you can make further
> adjustments from there, such as adding {position: relative;} to #leftnav and
> getting rid of the following selectors in the ie.css -
>
> #container { height:100%; overflow:visible; }
> #subcontainer{ height:100%; overflow:visible;}
> #container { margin:0px; padding:15px; width:750px;}
> #leftnav ul li { padding:0; margin-left:-10px;}
> #leftnav ul li a { font-size:11px;}
> #content { float:right; }
>
> These changes will give you a more common place to start visually between
> FF and IE.
>
> I hope that helps,
>
> ~holly
>
>
>


--
Connor Boyack
WebVid Productions
http://www.webvidpro.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Holly Bergevin]

From: "Connor Boyack" <[EMAIL PROTECTED]>

>Both pages are now valid XHTML and CSS.  Anybody have any ideas?
>
>The links are:
>
>http://connorboyack.com/junk/tlr/index_short.html  (page w/ short content)
>http://connorboyack.com/junk/tlr/index.html (page w/ long content)

Tested on the index.html page - 
 
Start by getting rid of the following - 

#leftnav, #content{ padding-bottom: 34277px; margin-bottom: -34267px; }

which is what is giving IE the willies. Then you can make further adjustments 
from there, such as adding {position: relative;} to #leftnav and getting rid of 
the following selectors in the ie.css - 

#container { height:100%; overflow:visible; }
#subcontainer{ height:100%; overflow:visible;}
#container { margin:0px; padding:15px; width:750px;}
#leftnav ul li { padding:0; margin-left:-10px;}
#leftnav ul li a { font-size:11px;}
#content { float:right; }

These changes will give you a more common place to start visually between FF 
and IE.

I hope that helps,

~holly  
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Connor Boyack]

Both pages are now valid XHTML and CSS.  Anybody have any ideas?

The links are:

http://connorboyack.com/junk/tlr/index_short.html  (page w/ short content)
http://connorboyack.com/junk/tlr/index.html (page w/ long content)

Thanks,
Connor

On 3/24/06, Ed Seehouse <[EMAIL PROTECTED]> wrote:
>
> On 3/24/06, Connor Boyack <[EMAIL PROTECTED]> wrote:
>
> > So I just created a new mockup for a site, and when I went to view it in
> IE,
> > I was quite amazed with how messed up the design was... I've spent some
> time
> > trying to fix it, but have been rather unsuccessful in doing so.
>
> >.. but in IE, it's totally busted!  I'm not sure what the major
> > culprit is in my CSS that is causing this, and I've been looking for a
> > while.
>
> Well, the first thing is to get your xhtml code valid.  The W3C
> validator a bunch of syntax  errors in your code and it's pretty hard
> to diagnose a CSS problem when the xhtml isn't valid.  In fact the CSS
> validator refused to check it because the xhtml is not valid.  Invalid
> xhtml can do a lot of strange things to your layout.
>
> --
> Ed Seedhouse
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>



--
Connor Boyack
WebVid Productions
http://www.webvidpro.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Ed Seehouse]

On 3/24/06, Connor Boyack <[EMAIL PROTECTED]> wrote:

> So I just created a new mockup for a site, and when I went to view it in IE,
> I was quite amazed with how messed up the design was... I've spent some time
> trying to fix it, but have been rather unsuccessful in doing so.

>.. but in IE, it's totally busted!  I'm not sure what the major
> culprit is in my CSS that is causing this, and I've been looking for a
> while.

Well, the first thing is to get your xhtml code valid.  The W3C
validator a bunch of syntax  errors in your code and it's pretty hard
to diagnose a CSS problem when the xhtml isn't valid.  In fact the CSS
validator refused to check it because the xhtml is not valid.  Invalid
xhtml can do a lot of strange things to your layout.

--
Ed Seedhouse
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem(s)

[Connor Boyack]

Hey everybody!

So I just created a new mockup for a site, and when I went to view it in IE,
I was quite amazed with how messed up the design was... I've spent some time
trying to fix it, but have been rather unsuccessful in doing so.  In my
design, I used a technique from the "Equal Height Columns" at
http://www.positioniseverything.net/articles/onetruelayout/equalheight

The links are:

http://connorboyack.com/junk/tlr/index_short.html  (page w/ short content)
http://connorboyack.com/junk/tlr/index.html (page w/ long content)

It looks fine in Safari/Firefox, and expands well depending on the amount of
content.. but in IE, it's totally busted!  I'm not sure what the major
culprit is in my CSS that is causing this, and I've been looking for a
while.  Any help would be greatly appreciated!

Thanks,

Connor Boyack
WebVid Productions
http://www.webvidpro.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 display problem

[shawn a]

> I was taught that the content should come first in the source file, so I
> took the liberty of moving your list to the right col.
> Please see: 
-David


Great thanks. I decided to go with your layout. Ill be using 4.01
trans doc type though.  The company im working for doesnt want to use
xhtml. Ive started modifing the ULs, and IE renders it differently
than FF does. In FF there is some sort of padding or margin to the
left of the List. But in IE it spans the whole lenght of the
.navcontainer.



thanks agian

~shawn a
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE display problem

[David Laakso]

On Sun, 05 Jun 2005 14:30:39 -0400, shawn a <[EMAIL PROTECTED]> wrote:

If u check this page out in FF it looks fine.
http://shawna.iprx.com/SETI/links-company.html
but take a look at it in IE..the spacing between the lis is not right
and the list-style-type circle looks like its cut in half. any
suggestions?
~shawn a

Shawn,
Just needed some structure and a DOCTYPE.
The layout is the 2-col job on this  
page
And the list came from  
here
I was taught that the content should come first in the source file, so I  
took the liberty of moving your list to the right col.

Please see: 
HTH.
David Laakso
--
http://www.dlaakso.com/

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

Re: [css-d] IE display problem

[shawn a]

On 6/5/05, Arnie Shafer <[EMAIL PROTECTED]> wrote:
> 
> Is it really that simple??  I must try that extra space.  Thanks Linda!
> Arnie
 awesome..that fixed the spacing problem. But the list-type-style:
circle is still messede up
and for some reason i dont think IE is treating the  tages as
display:block like i set them too. Any help would be awesome thanks
agian to all the smart people of this list.



~shawn a
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE display problem

[Arnie Shafer]

Is it really that simple??  I must try that extra space.  Thanks Linda! 
Arnie
- Original Message - 
From: "Linda Dunn" <[EMAIL PROTECTED]>

To: "Arnie Shafer" <[EMAIL PROTECTED]>
Cc: "shawn a" <[EMAIL PROTECTED]>; "css-d list" 


Sent: Sunday, June 05, 2005 4:33 PM
Subject: Re: [css-d] IE display problem


Happily, I just found an ultra-simple solution to the whitespace bug. In 
your markup, just add one extra space after each list item. Like this:


List item 

Cheers,

ld

Arnie Shafer wrote:

Hi Shawn,
I am new at this game but I do recognize your problem. Others can explain 
it better than me but it is the "IE white space bug"  There are several 
ways to fix it.  Just google it for a complete answer..Arnie Shafer


--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393




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

Re: [css-d] IE display problem

[Linda Dunn]

Happily, I just found an ultra-simple solution to the whitespace bug. In 
your markup, just add one extra space after each list item. Like this:


List item 

Cheers,

ld

Arnie Shafer wrote:

Hi Shawn,
I am new at this game but I do recognize your problem. Others can 
explain it better than me but it is the "IE white space bug"  There are 
several ways to fix it.  Just google it for a complete answer..Arnie 
Shafer


--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE display problem

[Arnie Shafer]

Hi Shawn,
I am new at this game but I do recognize your problem. Others can explain it 
better than me but it is the "IE white space bug"  There are several ways to 
fix it.  Just google it for a complete answer..Arnie Shafer


- Original Message - 
From: "shawn a" <[EMAIL PROTECTED]>

To: 
Sent: Sunday, June 05, 2005 2:30 PM
Subject: [css-d] IE display problem


If u check this page out in FF it looks fine.
http://shawna.iprx.com/SETI/links-company.html

but take a look at it in IE..the spacing between the lis is not right
and the list-style-type circle looks like its cut in half. any
suggestions?


thanks agian

~shawn a
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


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

[css-d] IE display problem

[shawn a]

If u check this page out in FF it looks fine.
http://shawna.iprx.com/SETI/links-company.html

but take a look at it in IE..the spacing between the lis is not right
and the list-style-type circle looks like its cut in half. any
suggestions?


thanks agian

~shawn a
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/