Re: [css-d] IE6 background color issue
Hello David, giving the header element hasLayout did the trick. Thank you for that hint. Regards, Christian *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza David Laakso schrieb: Christian Kirchhoff wrote: Hello, please take a look at the follwoing page in IE6: http://www.editura.de/new/links.html On my computer the left column is completely white. In other browsers only the left part of the header of the page is white, the rest of the leftt column is orange. When I scroll up and down the page, parts that were white and now are scrolled into the viewport of the browser window again are orange as desired. Does anybody know how to correct this? Best regards,, Christian Kirchhoff I don't have IE/6 at the moment, but you might see if this is the problem/solution? http://www.positioniseverything.net/explorer/peekaboo.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] What is the best way to do a curved corner fluid box
Tedd, For my edification, what is the purpose of the #tlc and #trc hasLayout triggers contained in the browser hack at the top of the CSS? ...Rob __ 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] Curved corner fluid box
- Original Message -
From: Hayden's Harness Attachment [EMAIL PROTECTED]
To: Rob Emenecker [EMAIL PROTECTED]
Sent: Monday, June 02, 2008 10:43 AM
Subject: Curved corner fluid box
I am working on a redesign of a web site. I am trying to use CSS to turn a boxy
rectangle to more of a pill or egg look to my buttons. I started going through
the following code to have a look, but was pulled away and I do not remember
where the code was. Any help is welcome.
!-- Buttons for CRF website --
.b1f, .b2f, .b3f, .b4f{
font-size: 1px;
overflow: hidden;
display: block;
}
.b1f {
height:1px;
background: #C0C0C0;
border-right:2px solid #888;
margin: 0 5px;
}
.b2f {
height: 1px;
background: #C0C0C0;
margin: 0 3px;
}
.b3f {
height: 1px;
background: #C0C0C0;
margin: 0 2px;
}
.b4f {
height: 2px;
background: #C0C0C0;
margin: 0 1px;
}
.contentf {
background: #00;
}
.contentf div {
margin-left: 5px;
}
!-- Second button for CRF website --
.b1f, .b2f, .b3f, .b4f{
font-size: 1px;
overflow: hidden;
display: block;
}
.b1f {
height: 1px;
background: #D3D3D3;
margin: 0 5px;
}
.b2f {
height: 1px;
background: #D3D3D3;
margin: 0 3px;
}
.b3f {
height: 1px;
background: #D3D3D3;
margin: 0 2px;
}
.b4f {
height: 2px;
background: #D3D3D3;
margin: 0 1px;
}
.contentf {
background: #ddd;
}
.contentf div {
margin-left: 5px;
}
Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com
Faith is the strength by which a shattered world shall emerge into
the light. - Helen Keller
__
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] stick to bottom
RE: http://sph.umd.edu/events/wellness/ You seem to be tripping over the complexity of your stuff and the need to clear that stuff. Well, I guess I haven't had the epiphany yet. I thought I was on my CSS way. This is /one way/ to stick the bottom of the plant to the top of the footer, more or less, regardless of the amount of content in the right column: That worked great - thank you very much. -- Daniel Kessler University of Maryland College Park School of Public Health 3302E HHP Building College Park, MD 20742-2611 Phone: 301-405-2545 http://sph.umd.edu __ 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] aligning text to bottom of element
Hi all, I am stuck on this ... I am required to align text bottom right beside an image the image is of variable width height maximum 130px w or 130px height. the text remains at the same position relative to the image ( the relationship remains the same whether the image is of a diminished height or fills the 130px, same for width. any ideas on how this may be achieved ? how can i teach these keeeds ? example source i was working with: div class=wrapper img src=foo.jpg spanart-titlebr Artist Namebr Art Mediumbr /span /div __ 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] stick to bottom
Daniel Kessler wrote: RE: http://sph.umd.edu/events/wellness/ You seem to be tripping over the complexity of your stuff and the need to clear that stuff. Well, I guess I haven't had the epiphany yet. I thought I was on my CSS way. That worked great - thank you very much. O.K. As the poet said, 'Only God can make a tree' -- probably because it's so hard to figure out how to get the bark on. -- Woody Allen -- 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] aligning text to bottom of element
corey deep wrote: I am required to align text bottom right beside an image the image is of variable width height maximum 130px w or 130px height. the text remains at the same position relative to the image... Sounds like what this turns out as in most browsers... http://www.gunlaug.no/tos/alien/cd/test_08_0602.html ...but I won't guarantee it'll survive well everywhere and under all conditions. 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] Image caption width
I am having a problem with keeping the captions under images to the width of the image and not all the way across the page. I've tried a number of things and the only thing I've found that sort of works is to set a width limit in my caption css. Of course that has only limited success. My images cannot practically be all the same width. For awhile I was making css image boxes in different widths but that got ridiculous. I could use tables but I'd like to avoid that. I'd appreciate any help you can give me. Tracey __ 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] Image caption width
- Original Message - From: Tracey Adams To: css-d@lists.css-discuss.org Sent: Monday, June 02, 2008 8:54 PM Subject: [css-d] Image caption width I am having a problem with keeping the captions under images to the width of the image and not all the way across the page. I've tried a number of things and the only thing I've found that sort of works is to set a width limit in my caption css. Of course that has only limited success. My images cannot practically be all the same width. For awhile I was making css image boxes in different widths but that got ridiculous... Not such a bad thing especially if IE6 will be used a lot and you have many/large images. I was having a lot of problems with IE6 'timing out' on sometimes slow connection speeds, due to the use of a lot of images. This was totally cured by defining the size of each image as a class in the CSS, so that the browser doesn't have to calculate it from the image file. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus __ 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] Site check please...
Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine __ 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] aligning text to bottom of element
thanks so much. I think this should work. On Mon, Jun 2, 2008 at 12:39 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote: corey deep wrote: I am required to align text bottom right beside an image the image is of variable width height maximum 130px w or 130px height. the text remains at the same position relative to the image... Sounds like what this turns out as in most browsers... http://www.gunlaug.no/tos/alien/cd/test_08_0602.html ...but I won't guarantee it'll survive well everywhere and under all conditions. 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] Site check please...
Lorraine Barte Nepomuceno wrote: Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine Looked fine to me in Mac Opera, Mac FF, Mac Safari; and, IE/6 and IE/7. It is not very user friendly to feed frozen fonts to the world's most popular browser, particularly when they are set less than user default. Good idea to validate the markup and CSS before posting-- that the first thing you'll get nailed on... -- 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] IE6 positioning question
Hi there, I've been lurking on this list for a while, and have found the discussion to be very interesting and useful. Thank you. Now I have a question of my own. It seems that IE6 does not like my CSS (IE7, FF2, FF3, Safari, and Opera all seem to like it). I've taken care to isolate the problem. Here is the screenshot of the problem: http://www.javajosh.com-a.googlepages.com/bad-screenshot.gif Here is the HTML and CSS: http://www.javajosh.com-a.googlepages.com/pymk.html The key thing that troubled me with this layout was that I couldn't just float:right the pymk-x elt. As a workaround I used position:absolute; top:5px; right:0px; I still don't know why that doesn't work in IE6. Your comments and suggestions appreciated. - Josh __ 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] Site check please...
Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine Everything works for me in Windows IE6 and Firefox. Only thing - when I resize the window, the horizontal scroll bar kicks in real early. Your little subsections seem like they could go much narrower and still look good. -Melbeach __ 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] IE6 positioning question
What's also puzzling is that the last div always lays out differently than the rest. I'm sure that's a big clue but I'm not sure what it means. (back to reading quirksmode.org:) Josh Rehman wrote: Hi there, I've been lurking on this list for a while, and have found the discussion to be very interesting and useful. Thank you. Now I have a question of my own. It seems that IE6 does not like my CSS (IE7, FF2, FF3, Safari, and Opera all seem to like it). I've taken care to isolate the problem. Here is the screenshot of the problem: http://www.javajosh.com-a.googlepages.com/bad-screenshot.gif Here is the HTML and CSS: http://www.javajosh.com-a.googlepages.com/pymk.html The key thing that troubled me with this layout was that I couldn't just float:right the pymk-x elt. As a workaround I used position:absolute; top:5px; right:0px; I still don't know why that doesn't work in IE6. Your comments and suggestions appreciated. - Josh __ 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] IE6 positioning question
Josh Rehman wrote:
http://www.javajosh.com-a.googlepages.com/pymk.html
The key thing that troubled me with this layout was that I couldn't
just float:right the pymk-x elt. As a workaround I used
position:absolute; top:5px; right:0px; I still don't know why that
doesn't work in IE6.
The old bug. IE6 needs for an element to have layout[1] if/when it is
to act as base for absolute positioning.
Add...
#pymk .pymk-person {height: 1%;}
...and IE6 will behave itself.
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
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] Image caption width
Alan K Baker wrote:
I am having a problem with keeping the captions under images to the
width of the image and not all the way across the page. I've tried a
number of things and the only thing I've found that sort of works is
to set a width limit in my caption css. Of course that has only
limited success. My images cannot practically be all the same width.
For awhile I was making css image boxes in different widths but that
got ridiculous...
Not such a bad thing especially if IE6 will be used a lot and you have
many/large images. I was having a lot of problems with IE6 'timing out' on
sometimes slow connection speeds, due to the use of a lot of images. This was
totally cured by defining the size of each image as a class in the CSS, so
that the browser doesn't have to calculate it from the image file.
Regards,
Alan.
With varying image sizes it is certainly more complicated to maintain
consistency. You might be able to build your CSS to house the largest
possible image, then center others to fit centered within the space; the
following CSS/HTML is used to position 2 images side by side and center
the captions. Maybe not doable in your situation, but a little server
side scripting (php) can also net you the image dimensions, and with
those you would have to do some calculations and use inline CSS. If the
caption (or font) gets too large it will open a new line but remain
within the caption space and centered.
p
div class=center_caption
img src=images/195x260pics/p1.jpg alt=Cycling Configuration with
Seatback Slanted title=Cycling Configuration with Seatback Slanted
span class=captionCycling Configuration with Seatback Slanted/span
/div
div class=center_caption
img src=images/195x260pics/p2.jpg alt=Entire Machine with Seatback
Flat title=Entire Machine with Seatback Flat
span class=captionEntire Machine with Seatback Flat/span
/div
/p
The CSS:
.center_caption {
width: 260px;
float: right;
float: left;
text-align: center;
border: 1px solid #777;
margin: 5px;
}
.center_caption img {
width: 260px;
padding: 0px;
border: 0px;
margin: 0px;
}
.center_caption .caption {
padding: .2em;
background: #eee;
border-top: 1px solid #555;
display: block;
}
See the example at: www.abriderfitness.com/photo_gallery.php which also
incorporates the Eric Meyer horizontal drop-down menu (with csshover.htc).
--
Bob Meetin
dotted i - Internet Strategies Solutions
www.dottedi.biz
303-926-0167
__
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] IE6 positioning question
Gunlaug Sørtun wrote:
Josh Rehman wrote:
http://www.javajosh.com-a.googlepages.com/pymk.html
The key thing that troubled me with this layout was that I couldn't
just float:right the pymk-x elt. As a workaround I used
position:absolute; top:5px; right:0px; I still don't know why that
doesn't work in IE6.
The old bug. IE6 needs for an element to have layout[1] if/when it is
to act as base for absolute positioning.
Add...
#pymk .pymk-person {height: 1%;}
...and IE6 will behave itself.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
Thank you. I'd heard of the famous Holly Hack but I guess I've never
needed to use it until now.
I will use that solution, but in the meantime I've coded up a more table
based version of the layout here:
http://www.javajosh.com-a.googlepages.com/pymk2.html
In some respects I like this layout better, especially with really long
names. The HTML is rather ugly, though.
Thanks again,
- Josh
__
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] Alt. to max-height in IE (also Safari?)
I'm trying to preserve the original shapes of gallery images in dynamically
resized thumbnail images, but in IE6 (and also in older versions of Safari )
this code is simply resizing the images to squares, exactly 167x167. This
is the code being used, and on this page:
http://130.94.73.213/migration_series/cag/gallery.cfm?galprogid=12 Any ideas
what I might be doing wrong?
BTW an additional complication is that this is all being done with Cold
Fusion and the code falls far short of valdiating (I do not have control
over all of the code, hélas). Is there anything I can do?
style type=text/css
#imggallery img {
max-width:167px;
max-height:167px;
}
/style
!--[if lte IE 6]
style type=text/css
#imggallery img {max-width:167px;
width: expression(this.width 167 ? 167: true);
max-height:167px;
height: expression(this.height 167 ? 167: true);
}
/style
![endif]--
TIA,
Anne
__
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] Image caption width
Tracey Adams wrote: I am having a problem with keeping the captions under images to the width of the image and not all the way across the page. I've tried a number of things and the only thing I've found that sort of works is to set a width limit in my caption css. That appears to be the situation at present, I'm afraid. On the other hand, since images should have their width and height set, for speed of rendering, it should be easy to add a matching width for a block containing the image. I could use tables but I'd like to avoid that. Using a single-cell table, with the caption written in the caption element, seems to be the simplest way to achieve the goal. For some explanations, see http://www.cs.tut.fi/~jkorpela/www/captions.html Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ 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/
