[css-d] 3 col layout problem

2007-11-05 Thread Mike A
I have a problem at http://www.webdev-academy.com/test-layout/. The page 
validates.

The main problem is that IE6 throws the layout on browser resize. It also has 
what looks like FOUC. Other browsers sort of keep the format on browser 
resize.

Hoping someone can provide feedback or direct me to a similar layout that works 
(searched for ages without luck).

Thanks!

Mike A.
__
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] click on link causes layout shift?? second click works fine. FF only.

2007-11-05 Thread snak detek+0r

Hi all, I am brand new to the list, which means i'm a bit bleary-eyed 
and flustered. Yeah, we've all been there. I'm not hearing voices or 
anything yet, but I am seeing the little wavy lines. So I hope you will 
excuse any patches of rambling incoherence that I might drift into. I 
thank you in advance for your civility.

Now where was I? I'm making this site, it's retarded simple, and yet I 
came up against problems both when trying to lay it out with CSS and 
tables -- so i've settled on this hackneyed mix of the two. And it seems 
to work fine. It's all laid out now, and I'm just fiddling with the last 
details, like making the links live. And then BOOM.

When I click on the links, rather than going to the specified url, the 
whole layout changes -- gets skinny. at this point, the links work.

And for once in my life, it works fine from the start in IE6. I'm only 
getting the problem in FF. And it only happens in the divs that make 
up the body of the page -- no problems with the links that make up the 
navbar (a table with class selectors). Also, if you make the browser 
window skinny BEFORE opening the page AND THEN click on the links, they 
work fine the first time. I'm baffled.

My assumption is that the problem is with something in my div styles. 
I'm hoping that it's not a result of a mixed table / css layout. But 
basically once you make the layout skinny, it always works.

here's the html:
(I'm talking about the links in the body NOT the navbar)

http://minivanswebsite.com/testsite/index.html

css is here:
(I'm talking about links contained in div#rightcol and div#leftcol)

http://minivanswebsite.com/testsite/steez.css

Ok. time for beer.
Any wisdom would be much appreciated.

jo5h
__
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] click on link causes layout shift?? second click works fine. FF only.

2007-11-05 Thread Gunlaug Sørtun
snak detek+0r wrote:

 When I click on the links, rather than going to the specified url,
 the whole layout changes -- gets skinny. at this point, the links
 work.

 http://minivanswebsite.com/testsite/index.html

Tables work a bit different on the Gecko-side of the fence, so the whole
family seems to be a bit lost.

You can always stiffen up the table by adding...

table.main {width: 890px;}
* html table.main {width: 910px;}

...and maybe also add...

table.main {table-layout: fixed;}

...to replicate IE/win's table-handling in Gecko. It'll behave perfectly
stable then.


BTW: I think you should write proper HTML comments, if only to avoid
those cascading error-messages...

http://validator.w3.org/check?uri=http%3A%2F%2Fminivanswebsite.com%2Ftestsite%2Findex.htmlcharset=%28detect+automatically%29doctype=Inliness=1group=0

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] a tags and display:block

2007-11-05 Thread Cyber Cog
Hello,
So I'd like to have an a tag that looks like a button, I do it like this:

a {
text-decoration: none;
text-align: center;
display: block;
width: 120px;
padding: 2px 3px;
margin: 0 1px;
font-size: 12px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}

link, visited and hover states after this...

But if I want that look, to line up NEXT to each other on one line...

pa href=One/a a href=Two/a a href=Three/a/p

It displays them in a column, not a row.

Is there a way to get the uniform width and line them up in a row?

Thanks
__
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] a tags and display:block

2007-11-05 Thread Elli Vizcaino
Hi,

Try changing display: block; to display: inline;

Elli 


--- Cyber Cog [EMAIL PROTECTED] wrote:

 Hello,
 So I'd like to have an a tag that looks like a
 button, I do it like this:
 
 a {
 text-decoration: none;
 text-align: center;
 display: block;
 width: 120px;
 padding: 2px 3px;
 margin: 0 1px;
 font-size: 12px;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 }
 
 link, visited and hover states after this...
 
 But if I want that look, to line up NEXT to each
 other on one line...
 
 pa href=One/a a href=Two/a a
 href=Three/a/p
 
 It displays them in a column, not a row.
 
 Is there a way to get the uniform width and line
 them up in a row?
 
 Thanks

__
 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/
 


__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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] a tags and display:block

2007-11-05 Thread Cyber Cog
Thanks, I got it to work form another email to try float:left, seemed to
work.
Thanks

On 11/5/07, Elli Vizcaino [EMAIL PROTECTED] wrote:

 Hi,

 Try changing display: block; to display: inline;

 Elli


 --- Cyber Cog [EMAIL PROTECTED] wrote:

  Hello,
  So I'd like to have an a tag that looks like a
  button, I do it like this:
 
  a {
  text-decoration: none;
  text-align: center;
  display: block;
  width: 120px;
  padding: 2px 3px;
  margin: 0 1px;
  font-size: 12px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  }
 
  link, visited and hover states after this...
 
  But if I want that look, to line up NEXT to each
  other on one line...
 
  pa href=One/a a href=Two/a a
  href=Three/a/p
 
  It displays them in a column, not a row.
 
  Is there a way to get the uniform width and line
  them up in a row?
 
  Thanks
 
 __
  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/
 


 __
 Do You Yahoo!?
 Tired of spam?  Yahoo! Mail has the best spam protection around
 http://mail.yahoo.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] a tags and display:block

2007-11-05 Thread Elli Vizcaino
Good, I guess there are several ways to achieve what
you want. Either use {display: block; float: left;} or
{display: inline;} or frankly leave out the display
property all together since the a tag is by default an
inline element and what is giving your a tags the
button look is your other styles, i.e. the width and
border styles.

My suggestion would be to leave out unnecessary code
where it is not needed. 


Elli 


--- Cyber Cog [EMAIL PROTECTED] wrote:

 Thanks, I got it to work form another email to try
 float:left, seemed to
 work.
 Thanks
 
 On 11/5/07, Elli Vizcaino [EMAIL PROTECTED] wrote:
 
  Hi,
 
  Try changing display: block; to display: inline;
 
  Elli
 
 
  --- Cyber Cog [EMAIL PROTECTED] wrote:
 
   Hello,
   So I'd like to have an a tag that looks like a
   button, I do it like this:
  
   a {
   text-decoration: none;
   text-align: center;
   display: block;
   width: 120px;
   padding: 2px 3px;
   margin: 0 1px;
   font-size: 12px;
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
   border-right: 1px solid #666;
   border-bottom: 1px solid #666;
   }
  
   link, visited and hover states after this...
  
   But if I want that look, to line up NEXT to each
   other on one line...
  
   pa href=One/a a href=Two/a a
   href=Three/a/p
  
   It displays them in a column, not a row.
  
   Is there a way to get the uniform width and line
   them up in a row?
  
   Thanks
  
 

__
   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/
  
 
 
  __
  Do You Yahoo!?
  Tired of spam?  Yahoo! Mail has the best spam
 protection around
  http://mail.yahoo.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/
 


__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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] a tags and display:block

2007-11-05 Thread Cyber Cog
On 11/5/07, Elli Vizcaino [EMAIL PROTECTED] wrote:

 Good, I guess there are several ways to achieve what
 you want. Either use {display: block; float: left;} or
 {display: inline;} or frankly leave out the display
 property all together since the a tag is by default an
 inline element and what is giving your a tags the
 button look is your other styles, i.e. the width and
 border styles.

 My suggestion would be to leave out unnecessary code
 where it is not needed.


 Elli


 --- Cyber Cog [EMAIL PROTECTED] wrote:

  Thanks, I got it to work form another email to try
  float:left, seemed to
  work.
  Thanks
 
  On 11/5/07, Elli Vizcaino [EMAIL PROTECTED] wrote:
  
   Hi,
  
   Try changing display: block; to display: inline;
  
   Elli
  
  
   --- Cyber Cog [EMAIL PROTECTED] wrote:
  
Hello,
So I'd like to have an a tag that looks like a
button, I do it like this:
   
a {
text-decoration: none;
text-align: center;
display: block;
width: 120px;
padding: 2px 3px;
margin: 0 1px;
font-size: 12px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
   
link, visited and hover states after this...
   
But if I want that look, to line up NEXT to each
other on one line...
   
pa href=One/a a href=Two/a a
href=Three/a/p
   
It displays them in a column, not a row.
   
Is there a way to get the uniform width and line
them up in a row?
   
Thanks
   
  
 
 __
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/
   
  
  
   __
   Do You Yahoo!?
   Tired of spam?  Yahoo! Mail has the best spam
  protection around
   http://mail.yahoo.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/
 


 __
 Do You Yahoo!?
 Tired of spam?  Yahoo! Mail has the best spam protection around
 http://mail.yahoo.com


I'm heading out now, but I'll play with this a bit when I get back.

Thank you!
__
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] a tags and display:block

2007-11-05 Thread Elli Vizcaino
Umm not seeing your reply in this email. Resend?

Elli 

--- Cyber Cog [EMAIL PROTECTED] wrote:

 On 11/5/07, Elli Vizcaino [EMAIL PROTECTED] wrote:
 
  Good, I guess there are several ways to achieve
 what
  you want. Either use {display: block; float:
 left;} or
  {display: inline;} or frankly leave out the
 display
  property all together since the a tag is by
 default an
  inline element and what is giving your a tags the
  button look is your other styles, i.e. the width
 and
  border styles.
 
  My suggestion would be to leave out unnecessary
 code
  where it is not needed.
 
 
  Elli
 
 

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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/


[css-d] Mysterious dissappearing content part 2!

2007-11-05 Thread Jenn Mears
Hello everyone,

I am being asked to launch this site and while everything shows up in Safari 
and Firefox, and Dreamweaver is saying that it doesn't detect any browser 
issues, I am still faced with a blank page when I go to this url:
http://bipster.com/html/order_credit.html
http://bipster.com/html/order.css

I know it's probably one of those Duh!(smack the forehead) things but if you 
are willing to lend a fresh pair of eyes, I would most appreciate it.

Thank you,
Jenn


_
Need personalized email and website? Look no further. It's easy
with Doteasy $0 Web Hosting! Learn more at www.doteasy.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/


[css-d] Glitch with Dean Edward's IE7 Script

2007-11-05 Thread Tim Palac
Hey list,

I am putting together a new website and using Dean Edward's IE7 Script at
http://dean.edwards.name/IE7/ - not sure how many of you have used this, but
Eric is definitely a huge promoter of it (it was a big part of his speech at
An Event Apart, Chicago).

Anyway, with this Javascript applied I'm noticing a weird glitch - this is
in a file also using Eric's reset styles, so there's no default browser
behaviors interfering.  If there are any background colors on elements, IE6
(but not IE7 or any other browser) seems to ignore bottom padding, margins,
and height and has the background color going all the way to the very bottom
of the element.  This happens with both div and li elements, and is only
fixable by either setting a background color to match the container (which
is not ideal for expansive layouts) or by removing the script entirely (in
which case, margins, padding, and height are all recognized by the
background color).

Any ideas for a fix?  If you need a screenshot I can certainly set that up!

Thanks!
Tim
IM: TymArtist
__
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] click on link causes layout shift?? second click works fine. FF only.

2007-11-05 Thread snak detek+0r
 You can always stiffen up the table by adding...
 
 table.main {width: 890px;}
 * html table.main {width: 910px;}
...
 table.main {table-layout: fixed;}

Well, of course it works, so I must say you're a total genius. :)

I gave up and went to bed when I posted, but I did suspect that forcing 
a fixed table width would solve the problem. What threw me off is the 
fact that I had to click *twice* before those links would work. I was 
affraid that even if I fixed the width, I would still have to click 
twice. But now that I've tried it I see this is not the case. I am 
relieved, but still curious. Can you think why this might be?

Also, I tried each of those styles individually and only
table.main {width: 890px;}
actually works. Should I leave the others in there for good measure, do 
you think? Or is this just creating unnecessary clutter?

Lastly, how did you decide on the values you used -- 890  910 ? I know 
I was aiming for a width of 900, but do you have a tool that will 
calculate widths for you? Or were you doing it in your head?

 BTW: I think you should write proper HTML comments, if only to avoid
 those cascading error-messages...
 

Good idea! I know that dreamweaver has been complaining, but now that 
I've heard it from a human, I've gone and read about it. I'll start 
making my lines out of =.


My sincerest thanks for helping me both with my layout AND my coding 
style! And, btw, that's a healthy looking cow you've got there. Wish we 
had more like that in this country!

jo5h


__
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] Disappearing Content issue

2007-11-05 Thread Jenn Mears
Hello everyone, 

I am being asked to launch this site and while everything shows up in Safari 
and Firefox, and Dreamweaver is saying that it doesn't detect any browser 
issues, I am still faced with a blank page when I go to this url: 
http://bipster.com/html/order_credit.html 
http://bipster.com/html/order.css 

I know it's probably one of those Duh!(smack the forehead) things but if you 
are willing to lend a fresh pair of eyes, I would most appreciate it. 

Thank you, 
Jenn 



_
Need personalized email and website? Look no further. It's easy
with Doteasy $0 Web Hosting! Learn more at www.doteasy.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] click on link causes layout shift?? second click works fine. FF only.

2007-11-05 Thread Gunlaug Sørtun
snak detek+0r wrote:

 Well, of course it works, so I must say you're a total genius. :)

Geniuses sure come cheap these days ;-)

 Lastly, how did you decide on the values you used -- 890  910 ? I 
 know I was aiming for a width of 900, but do you have a tool that 
 will calculate widths for you? Or were you doing it in your head?

I never trust any tools and _never_ my head, so I tested what the
browsers could take and how they reacted on it.
IE6 complains when given values below 910, while others were ok with as
low as 890.
So ... I gave each of them the lowest they could take, after comparing
with your self-shrinking original.
IE6 probably has a white-space problem, but I didn't bother to look further.

 BTW: I think you should write proper HTML comments, if only to 
 avoid those cascading error-messages...
 
 
 Good idea! I know that dreamweaver has been complaining, but now that
  I've heard it from a human, I've gone and read about it. I'll start 
 making my lines out of =.

That's what HTML Tidy turned them into at my end.
I don't decorate my source-code with comments, so Tidy rarely ever get a
chance to correct them.

 My sincerest thanks for helping me both with my layout AND my coding 
 style! And, btw, that's a healthy looking cow you've got there. Wish 
 we had more like that in this country!

Me too.
You get what you ask for in this market-oriented world, so maybe you're
not asking for the right thing in your country..?

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/


Re: [css-d] Mysterious dissappearing content part 2!

2007-11-05 Thread snak detek+0r
that page aint there! you sure you have the document name spelled 
corretcly? etc...? tired eyes'll do that to ya.

jo5h

Jenn Mears wrote:
 Hello everyone,
 
 I am being asked to launch this site and while everything shows up in Safari 
 and Firefox, and Dreamweaver is saying that it doesn't detect any browser 
 issues, I am still faced with a blank page when I go to this url:
 http://bipster.com/html/order_credit.html
 http://bipster.com/html/order.css
 
 I know it's probably one of those Duh!(smack the forehead) things but if 
 you are willing to lend a fresh pair of eyes, I would most appreciate it.
 
 Thank you,
 Jenn
 
 
 _
 Need personalized email and website? Look no further. It's easy
 with Doteasy $0 Web Hosting! Learn more at www.doteasy.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/
 

__
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] Stumped on Safari Float

2007-11-05 Thread Matt
Ok, you've shamed me into doing some clean-up work today.  I've eliminated
60 of the 62 HTML validation errors (the 2 remainders are part of the
Share-This plug in... and I can't quite figure out how to crush them)... I
also cleaned up all the CSS and it now validates fully.

So my Safari float problem remains.  Anyone have any idea what the
problem might be...

Thanks again...
- Matt

On Nov 3, 2007 12:32 AM, David Laakso [EMAIL PROTECTED] wrote:

 Matt wrote:
  For some reason, Safari and me don't get along... at least with this
  project!  Take a look at this:
 
  http://www.scienceprogress.org/
 
  Look at the items under Science Progress Blog
 
  Under Firefox and IE-Win, the thumbnails float to the right as defined
 in
  the CSS, but in Safari, the float doesn't seem to apply at all.  What am
 I
  doing wrong?  Surely I'm missing something simple?  I've spent an hour
  trying to rework the CSS six different ways, and no matter what I do, it
  looks perfect... just not in Safari...
 
  Thanks in advance,
  - Matt
 
 




 No clue here, either. Could any, among the 62, markup validation errors
 have anything whatsoever with it?

 Best,
 ~dL

 --
 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/


[css-d] New url for disappearing content issue in ie6

2007-11-05 Thread Jenn Mears
Hello again!

I am so sorry to bug everyone with this again, but it turns out that the IT 
people CHANGED the URL after I left for the day!  Here is the correct one:

http://www.bipster.com/beta/order_credit.html

Mainly, my issue is that the page's side navigation and content is not showing 
up, just the top banner.  This should be the path to the CSS:

http://www.bipster.com/beta/order.css

The page shows up in Safari, Firefox and IE7, but not IE6 on our monitors at 
the office.  Any input would be greatly appreciated and thank you for letting 
me know that the previous url was incorrect!

TIA,
Jenn


_
Need personalized email and website? Look no further. It's easy
with Doteasy $0 Web Hosting! Learn more at www.doteasy.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] New url for disappearing content issue in ie6

2007-11-05 Thread Ingo Chao
Jenn Mears wrote:
 ...
 http://www.bipster.com/beta/order_credit.html
 
 Mainly, my issue is that the page's side navigation and content is
 not showing up, just the top banner.  This should be the path to the
 CSS:
 
 http://www.bipster.com/beta/order.css
 
 ...


top_banner /
side_nav /
main_body /

#top_banner {
width: 100%;
...
float: left;
}

#side_nav {
position:absolute;
...
width:200px;
}

#main_body {
position: absolute;
...
}

Most IE disappearance bugs are related to floats and position:absolute. 
IE cannot determine the correct placement of a a.p. element following a 
float.

A fix could be to unfloat #top_banner (for IE-only if the float is 
needed to contain floating child elements)

Another fix is not for sensitive persons: add clear:left to #side_nav.

The best fix would be to drop the usage of position:absolute as a main 
layout principle.

But the book by Andy Clarke reads: choosing positioning over floats is 
best practise. We should discuss this in more detail once IE6 is history.

regards,

Ingo

-- 
http://www.satzansatz.de/css.html
__
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] Stumped on Safari Float

2007-11-05 Thread Philippe Wittenbergh

On Nov 6, 2007, at 6:47 AM, Matt wrote:

 So my Safari float problem remains.  Anyone have any idea what the
 problem might be...

 Thanks again...
 - Matt

 On Nov 3, 2007 12:32 AM, David Laakso  
 [EMAIL PROTECTED] wrote:

 Matt wrote:
 For some reason, Safari and me don't get along... at least with this
 project!  Take a look at this:

 http://www.scienceprogress.org/

 Look at the items under Science Progress Blog

 Under Firefox and IE-Win, the thumbnails float to the right as  
 defined
 in
 the CSS, but in Safari, the float doesn't seem to apply at all.

The pics float:right correctly in Safari 2.04, WebKit builds and  
Safari 3.03beta. OS X 10.4.10.
You don't say which version of Safari you are testing... Safari 2.04  
and older can be quite stubborn in caching stylesheets. Reloading a  
couple of times usually solves that.

Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.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/