Re: [css-d] Sitegrinder

[Rob O'Rourke]

Randal Rust wrote:
> Has anyone used this? It is a Photoshop plugin that claims to convert
> your Photoshop files to XHTML/CSS.
>
> http://www.medialab.com/sitegrinder/
>
>   

One of the testimonials mentions 'HTML programming', doesn't exactly 
fill me with confidence in the product. If you look at the code it 
produces aswell, while on the most part valid it can never replace human 
input, i.e. someone who knows what they're doing. I didn't see a single 
 tag in any code i looked at...

Rob
__
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] Floats and Overflow

[Philippe Wittenbergh]

On Jan 30, 2007, at 6:40 AM, Tribou, Eric wrote:

> Anyone using floated layouts have any tricks to share regarding the  
> use of images or other objects within your floats that go wider  
> than the float allows? That seems to be my biggest problem; things  
> like images are thrown into columns that get too narrow and force  
> columns to drop/wrap.
>
> I've used some tricks like negative right margins on images to fake  
> their width to 0 or setting an image as the background to a 100%  
> wide DIV. Hopefully there are tricks out there I'm just not aware  
> of. Any suggestions you might offer would be appreciated.

No one-size-fits-it-all answers, I think. Context ? Browsers ?
The already mentioned 'max-width:96%' can help for browsers that  
support it (although those browsers have less problems with what you  
describe).
For iExploder 6 and lower, a well placed 'overflow-x:hidden' [1] can  
save the day. It might need a 'width' (layout-trigger) to go width it.

[1] best on the most direct parent of the image.
Philippe
---
Philippe Wittenbergh





__
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] Sitegrinder

[Randal Rust]

Has anyone used this? It is a Photoshop plugin that claims to convert
your Photoshop files to XHTML/CSS.

http://www.medialab.com/sitegrinder/

-- 
Randal Rust
R.Squared Communications
www.r2communications.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] Floats and Overflow

[~davidLaakso]

Tribou, Eric wrote:
> Anyone using floated layouts have any tricks to share regarding the use of 
> images or other objects within your floats that go wider than the float 
> allows? That seems to be my biggest problem; things like images are thrown 
> into columns that get too narrow and force columns to drop/wrap.
>
> Eric Tribou
>   
Don't know if this will work in your particular situation, but this 
(thanks to Georg Sortun) has worked for me:
img { max-width: 96%; height: auto; )
Best,
~dL

-- 
http://chelseacreekstudio.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] Floats and Overflow

[Tribou, Eric]

Anyone using floated layouts have any tricks to share regarding the use of 
images or other objects within your floats that go wider than the float allows? 
That seems to be my biggest problem; things like images are thrown into columns 
that get too narrow and force columns to drop/wrap.

I've used some tricks like negative right margins on images to fake their width 
to 0 or setting an image as the background to a 100% wide DIV. Hopefully there 
are tricks out there I'm just not aware of. Any suggestions you might offer 
would be appreciated. 

--
Eric Tribou
"The Forgettable Mister Ruthsarian"
__
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] Content height & nav issues

[Daniel Hammond]

| Daniel Hammond wrote:
| > I used overflow:hidden to fix the side borders in FF and Opera, but 
| > that made it so IE6 doesn't scroll at all.
| 
| * html #container {
| height: 100%;
| overflow: visible;
| }
| 
| ...will work fine.

You're the best, Georg. Now how about that navigation?

Daniel Hammond
2227 Dunseath Ave.
Atlanta, GA 30318
770-842-8817
www.objectivedesigns.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] Complex layout works on MSIE 5 & 6 but not 7

[Tribou, Eric]

Hi, original author of that layout here.

The layout in question is located at:
http://webhost.bridgew.edu/etribou/layouts/2col_colors/beta/index.html

This is a very old layout, when I was experimenting with means to create
a float-based layout that allowed for separate background colors for the
columns. This layout is marked deprecated on the site because I haven't
touched it in several years and have since found a better method.

Your best bet Stephane is to look at Skidoo Too,
http://webhost.bridgew.edu/etribou/layouts/skidoo_too/index.html, which
is more up to date. I'm working on a much newer version of that layout
with better documentation on the CSS hacks that are used and takes IE7
into consideration. The HTML/CSS are ready, the documentation is not,
but if you're up for it you can find it at
http://webhost.bridgew.edu/etribou/layouts/skidoo_redux/.

For completeness sake, the IE condition statement used in that old
layout was a workaround to hack in support for fixed-positioning, which
IE (pre 7) didn't support. The idea that the background is a color mask
fixed to the page and the content scrolls on top. I thought it was a
novel approach, but was much too complicated. 

--
Eric Tribou
"The Forgettable Mister Ruthsarian"

> -Original Message-
> From: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] On Behalf Of 
> Stephane Bortzmeyer
> Sent: Monday, January 29, 2007 3:09 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Complex layout works on MSIE 5 & 6 but not 7
> 
> The Web site is http://www.bortzmeyer.org/. It uses a complex 
> layout which I did not write myself but copied from 
> http://webhost.bridgew.edu/etribou/layouts/index.html. I do 
> not really master it, unfortunately.
> 
> It has a special rule for MSIE:
> 
> 
> 
> which works fine (well, at least it is bearable) for MSIE 5 & 
> 6. But on MSIE 7, it is awful. (If you do not have MSIE 7, 
> you can see it at 
> http://browsershots.org/screenshots/269c8db1bd945c2f8456c348f1
> 20e0eb/).
> 
> Any advice?
> __
> 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-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] Content height & nav issues

[Gunlaug Sørtun]

Daniel Hammond wrote:
> I used overflow:hidden to fix the side borders in FF and Opera, but 
> that made it so IE6 doesn't scroll at all.

When you use that method to contain floats, you must override it for IE6
(and older). IE6 will in cases like this otherwise hide everything
that's beyond 100% height, since that's what you're telling it to do.

* html #container {
height: 100%;
overflow: visible;
}

...will work fine.

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] Complex layout works on MSIE 5 & 6 but not 7

[Chris Pallé]

On Jan 29, 2007, at 3:09 PM, Stephane Bortzmeyer wrote:

> 


That's a conditional statement. That's sending this SS to ANY version  
of IE. The original creator of this site has a special style sheet  
that is given to only IE and it's likely they meant to only target  
the older IEs.

Try changing the conditional to


Adding the "lt" will target the older browsers (IE 6 and below)


chris.pallé, interactive media designer

[EMAIL PROTECTED]


__
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] Complex layout works on MSIE 5 & 6 but not 7

[Stephane Bortzmeyer]

The Web site is http://www.bortzmeyer.org/. It uses a complex layout
which I did not write myself but copied from
http://webhost.bridgew.edu/etribou/layouts/index.html. I do not really
master it, unfortunately.

It has a special rule for MSIE:



which works fine (well, at least it is bearable) for MSIE 5 & 6. But
on MSIE 7, it is awful. (If you do not have MSIE 7, you can see it at
http://browsershots.org/screenshots/269c8db1bd945c2f8456c348f120e0eb/).

Any advice?
__
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] Screen Shots

[David Dorward]

On 29/01/07, S. Humbal <[EMAIL PROTECTED]> wrote:
> 1.  At screenshots images are not showing on several browsers.
> What am I doing wrong?

At a guess, using a server that didn't respond quickly enough for the
screenshot service's liking.

> 2.  How do others deal with servers counters not validating?

By not using them (i.e. using Apache log files, or a client side
statistical package that uses standard code).

-- 
David Dorward 
__
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] Screen Shots

[S. Humbal]

Hi List
 
First time posting; I have just put up a site which I constructed
using CSS only second time using this.  I worked from Book "Bullet
Proof Web Design" and from this lists posts and archives.
 
Thanks to all the very knowledgeable participants.
 
 
CSS Validated at W3C
XHTML Validated before posting to Server.  (Servers counter does not
validate)
 
Two questions
 
1.  At screenshots images are not showing on several browsers.
What am I doing wrong?
 
2.  How do others deal with servers counters not validating?  I
can't seem to recall either of these problems being answered; if they
were I'm sorry I missed it.
I do try to search the archives so as not to bother the list with
questions already answered.
 
Screen shots at:
 
http://browsershots.org/screenshots/c5dac11e424b635701aaeaa960ae9ea6/
 
CSS at:
 
http://www.portsoiree.com/portsoiree.css
 
 
Thanks for you help.
 
Sherry Humbal
[EMAIL PROTECTED]



__
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] Content height & nav issues

[Daniel Hammond]

| FF2 and Opera show the navigation correctly, but the side 
| borders of the
| container don't extend all the way to the bottom of the 
| browser window when
| there is enough content to require scrolling.
| 
| IE7 shows the side borders correctly, but it messes up the navigation.

I used overflow:hidden to fix the side borders in FF and Opera, but that
made it so IE6 doesn't scroll at all.

I'm also still looking for a way to fix the navigation in IE7.

Daniel Hammond
2227 Dunseath Ave.
Atlanta, GA 30318
770-842-8817
www.objectivedesigns.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] Content height & nav issues

[Chris Pallé]

On Jan 29, 2007, at 12:40 PM, Daniel Hammond wrote:

> FF2 and Opera show the navigation correctly, but the side borders  
> of the
> container don't extend all the way to the bottom of the browser  
> window when
> there is enough content to require scrolling.


Try taking the 100% off the height of the container. % based  
measurements are based on their containing element. In this case, the  
viewport.

"float" takes an element out of the flow of the document. So, that  
container doesn't really know the elements it contains are there.
You don't need to float with this layout. Unless you're going to get  
more complicated with the layout, I'd remove the floats.


chris.pallé, interactive media designer

[EMAIL PROTECTED]


__
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] Content height & nav issues

[Jason Pruim]

On Jan 29, 2007, at 12:40 PM, Daniel Hammond wrote:


Alright, I've got quite the unusual situation here...
After testing my site in FF2, Opera, IE7, and IE6, the only browser  
that

displays it correctly is IE6!

FF2 and Opera show the navigation correctly, but the side borders  
of the
container don't extend all the way to the bottom of the browser  
window when

there is enough content to require scrolling.



I'm afraid I can't do anything but add another browser to the list of  
the ones that doesn't work right. Safari displays the navigation  
properly (I think) but the borders only go down as far as the screen  
size, and it doesn't extend below that.



IE7 shows the side borders correctly, but it messes up the navigation.

Here's the url: www.objectivedesigns.com/2
And the css: www.objectivedesigns.com/2/index.css



Just in case it's not displaying properly, I took a screen shot and  
posted it here: www.raoset.com/objectivedesign.tiff





Daniel Hammond
2227 Dunseath Ave.
Atlanta, GA 30318
770-842-8817
www.objectivedesigns.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/



--

Jason Pruim
[EMAIL PROTECTED]
Production & Technology Manager
MQC Specialist (2005 certified)
3251 132nd Ave
Holland MI 49424
616.399.2355
www.raoset.com


"America will never be destroyed from the outside. If we falter and lose
our freedoms, it will be because we destroyed ourselves."
 -Abraham Lincoln


__
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] Content height & nav issues

[Daniel Hammond]

Alright, I've got quite the unusual situation here...
After testing my site in FF2, Opera, IE7, and IE6, the only browser that
displays it correctly is IE6!

FF2 and Opera show the navigation correctly, but the side borders of the
container don't extend all the way to the bottom of the browser window when
there is enough content to require scrolling.

IE7 shows the side borders correctly, but it messes up the navigation.

Here's the url: www.objectivedesigns.com/2
And the css: www.objectivedesigns.com/2/index.css

Daniel Hammond
2227 Dunseath Ave.
Atlanta, GA 30318
770-842-8817
www.objectivedesigns.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] [SOLVED] FF Shifting Text with %-based margins on Resize

[Chris Pallé]

On Jan 25, 2007, at 10:05 PM, Gunlaug Sørtun wrote:

> Chris Pallé wrote:
>> Is anyone familiar with this issue? I'm prototyping a site right now
>> that does a weird thing when resizing the window in FF. The feature
>> projects labels shift around and stick until after a reload.
>>
>> Safari handles it well. Haven't look in IE.
>>
>> http://bfi.blueflameinteractive.com/
>
> I've battled with similar issues in FF before. I turned those margins
> and paddings around a bit, so _you_ will end up with something like  
> the
> following...
>
> #secondaryContent #featuredProjs ul.project {
> position: relative;
> padding: 7px 14px;
> margin: 14px 0;
> }
>
> #secondaryContent #featuredProjs ul.project li {
> list-style: none;
> padding: 0;
> margin: 0 0 0 28%;
> }
>
> ...which will look the same but make FF behave better.
>
>


Awesome, Georg- It worked! Thanks. Do you know actually fixes it,  
though?

chris.pallé, interactive media designer

[EMAIL PROTECTED]


>
> 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-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-Push down?

[Jon Hughes]

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 

...

This means the January 28, 2007 can't flow higher than the top
edge of #menu.

So, you should take #menu out of #content.

...


That fixed it :)

Thanks so much,

 - Jon

__
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-Push down?

[Gunlaug Sørtun]

Jon Hughes wrote:
> http://goonsquad.org/jon/
> 
> If you view this page in IE, the text below "design blog" is being 
> pushed down past the #nav
> 
> How can I fix that?  It seems to be it's either clearing the div, or 
> it's too wide, thus pushing itself down.

You're right.

1: You are using a construction that IE simply can't handle the same way
as other browsers do. #menu is floated, and cleared, inside #content,
and no element below #menu inside #content can flow up past that #menu
in IE.

This means the January 28, 2007 can't flow higher than the top
edge of #menu.

So, you should take #menu out of #content.


2: #post is full of elements that are wider than its 425px, and IE6 (and
older) will auto-expand any container until content fits inside.

#post has Layout[1] because it is given a width - even though IE6
doesn't respect that width, thus the entire #post gets stuck below #menu.

The addition of...
#post {overflow-x: hidden;}
...will save IE6 on this point.



It is probably easiest to fix it by floating the entire #content (sans
#menu) as a fixed-width left column and let #nav and #menu be parts of a
fixed-width floating right column. That's an ordinary 2 column
float-layout that no version of IE will have any problems with.
Width / overflow / auto-expansion control in IE6 will be just as
important though.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
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/