[css-d] ie 6/7/8/9beta
My only concern with this site at the moment is confirmation that the CSS3 gradient is holding/working in the top and bottom nav in the subject-line browsers. http://chelseacreekstudio.com/indexx.php Thanks. Best, ~d -- 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 6/7/8/9beta
Jay-Z, I like this site allot better than your other design. Everything seemed to be working /looking fine, including the color gradient in the top and bottom nav, as I clicked through many of the pages. I would somehow incorporate more color contrast though, because all the pale colors end up straining my eyes. Nice design upgrade! Sincerely, Brian M. Curran | CAD Consultant Local.Qualified.Trusted. 118-11 84th Avenue, #503 Kew Gardens (Queens), NY 11415 t/f 718.441.3968 c347.416.4226 wwww.draftingservices.com Please be sure to visit my website for a full listing of services. Refresh your browser to find the latest content. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Saturday, February 05, 2011 10:12 AM To: css-d Subject: [css-d] ie 6/7/8/9beta My only concern with this site at the moment is confirmation that the CSS3 gradient is holding/working in the top and bottom nav in the subject-line browsers. http://chelseacreekstudio.com/indexx.php Thanks. Best, ~d -- 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/ __ 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 6/7/8/9beta
p.s. I was using ie8. __ 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] Two flexible-width child 'cells' inside of a fixed-width container (IE8 'display: table-x' issue?)
On 2/4/11 9:29 PM, Weston C wrote:
Periodically I come across a situation where the layout calls for
two cells/columns inside a fixed width container, with one cell only
as wide as a needs to be to contain its content, and the other taking
up the rest of the width of the parent container.
[...]
I've never been able to come up a way of doing this with
conventional CSS positioning techniques, but recently decided I'd
give it a shot using the various 'display: table-x' rules, since IE8
has support.
So I tried the following as part of laying out form labels and text
inputs in this manner:
div class=row labelLabel/label divinput//div /div
.row { display: table; width: 600px; position: relative; } .row
label, .row div { display: table-cell; } .row label { white-space:
nowrap; border: 1px solid yellow; } .row input { width: 100%; border:
1px solid green; } .row div { width: 100%; position: relative;
border: 1px solid purple; }
This actually works pretty well in recent Webkit/Gecko browsers
(see:
http://weston.canncentral.org/web_lab/Short-TwoFlexInOneFixed.html
if you'd like to take a look). But apparently not in IE8: rather
than soaking up the rest of the width of `.row`, `.row div` gets
pushed down below `.row label` and expands to the full width of the
parent.
[...]
Try this:
.row {
line-height: 1;
width: 600px;
}
.row label {
border: 1px solid yellow;
float: left;
padding: 2px;
}
.row div {
border: 1px solid purple;
overflow: hidden;
zoom: 1;
}
.row input {
border: 1px solid green;
width: 100%;
_width: auto;
}
Note that the 100% width on the input messes up IE 6 - that's why I use
the underscore filter to reset its width for that browser. Otherwise it
seems to work quite well cross-browser.
Note that the border on the input element takes out a lot of browser
styling. Without an explicit border like that, the input will get quite
different heights cross-browser, making it difficult to align the label.
HTH
--
Cordially,
David
__
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 6/7/8/9beta
On 2/5/11 11:28 AM, Brian M. Curran wrote: Jay-Z, I like this site allot better than your other design. Everything seemed to be working /looking fine, including the color gradient in the top and bottom nav, as I clicked through many of the pages. I would somehow incorporate more color contrast though, because all the pale colors end up straining my eyes. Nice design upgrade! My only concern with this site at the moment is confirmation that the CSS3 gradient is holding/working in the top and bottom nav in the subject-line browsers. http://chelseacreekstudio.com/indexx.php Thanks. Best, ~d I hear from IE/8, Brian. You got an Empire State of Mind!' Thanks. Best, Alicia Keys for Jay-Z New York! -- 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/
[css-d] weird scroll bar showing up...
I have a weird one for you all... I have done a site where it is fine. The client added a new page and had to redo the menu at the top. It's done as a table in a div (yeah, had to do it quickly and was a bit rusty. will be correcting it when I get a bit more time to tutz with it). The live site is fine (sample page: http://www.tjs.org/giving.html) If you go to the development version (http://www.tjs.org/testarea/giving.html ) you will see a horizontal bar at the bottom of the frame, and in IE it shows a vertical bar too. Can't understand what I messed up. Thanks for the look-see and the help. Michael __ 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] weird scroll bar showing up...
On 2/5/11 3:27 PM, Michael Beaudoin wrote:
I have a weird one for you all...
I have done a site where it is fine. The client added a new page and
had to redo the menu at the top. It's done as a table in a div (yeah,
had to do it quickly and was a bit rusty. will be correcting it when I
get a bit more time to tutz with it).
The live site is fine (sample page: http://www.tjs.org/giving.html)
If you go to the development version
(http://www.tjs.org/testarea/giving.html) you will see a horizontal
bar at the bottom of the frame, and in IE it shows a vertical bar
too. Can't understand what I messed up.
Thanks for the look-see and the help.
Michael
Dunno. But try this, nevertheless:
#container {
/*overflow: auto;--delete*/
overflow: hidden;/*--add*/
}
Did not check [whatever version[s] you are talking about] IE .
Best,
~d
--
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/
[css-d] webiste not rendering in ie9
Hey All, I just installed ie9 beta and have started to fix the ie9 cufon bug on a couple of client sites. As I was checking over sites I noticed that one of them wasn't rendering at all. I don't even know where to begin. I validated the page's html. There are 6 errors that are linked to a facebook like button, and one duplicated id for a div, but the page renders fine on ie7, 8, firefox 3, safari, 3, safari 4, safari 5. Any ideas or clues on how to start troubleshooting for ie9? page is http://youngsbicycleshop.com Noah Learner || LEARNER DESIGN || www.learnerdesign.com e: noahlear...@gmail.com || p: 508.325.6626 || twitter: @noahlearner m: 9 Lewis Court || Nantucket, MA 02554 LEAVE YOUR MARK* __ 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] webiste not rendering in ie9
It also renders fine in Google Chrome 8 Windows and Mac. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Noah Learner Sent: Saturday, February 05, 2011 6:00 PM To: css-d@lists.css-discuss.org Subject: [css-d] webiste not rendering in ie9 Hey All, I just installed ie9 beta and have started to fix the ie9 cufon bug on a couple of client sites. As I was checking over sites I noticed that one of them wasn't rendering at all. I don't even know where to begin. I validated the page's html. There are 6 errors that are linked to a facebook like button, and one duplicated id for a div, but the page renders fine on ie7, 8, firefox 3, safari, 3, safari 4, safari 5. Any ideas or clues on how to start troubleshooting for ie9? page is http://youngsbicycleshop.com Noah Learner || LEARNER DESIGN || www.learnerdesign.com e: noahlear...@gmail.com || p: 508.325.6626 || twitter: @noahlearner m: 9 Lewis Court || Nantucket, MA 02554 LEAVE YOUR MARK* __ 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/
