Re: [css-d] Site test?
Sorry, I have not looked in IE6. First, start with validated HTML. Your document does not validate (you have a non-unicode character on line 9. Next, validate the css. 268#resources Value Error : border 1 is not a border-color value : 1 Then, your sizes are in px, which breaks the flow when someone resizes. Review the threads here about relative size (% or em) for all dimensions. Also, it would be nice to replace the table with another floated column, since the table does not contain tabular information, but a list. Bill William M. Conlon, P.E., Ph.D. To the Point 2330 Bryant Street Palo Alto, CA 94301 vox: 650.327.2175 (direct) fax: 650.329.8335 mobile: 650.906.9929 e-mail: mailto:[EMAIL PROTECTED] web: http://www.tothept.com On Oct 20, 2007, at 3:26 PM, Virginia Bruce wrote: I have only been watching this list for a little while, so if this is an inappropriate request, please let me know... I am also new to CSS positioning, although I've been using CSS styling for several years. My current client wants good Search Engine results, and my SEO guru has recommended using CSS positioning so that the important content (keyword rich) sits at the top of the files. After much hair-tearing, I think I have achieved this. I usually work on a Mac, but I was able to test in IE7, but not in the dreaded IE6. That's where you-all come in... Please take a look at the site and let me know if there's anything odd. This is just a staging site, the final one will sit on its own domain. http://teamweb.com/daswani Thanks in advance for any comments, suggestions etc. vb Virginia Bruce Team Web http://teamweb.com 503-629-5799 __ 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] Site test?
On 21/10/2007, at 4:39 PM, [EMAIL PROTECTED] wrote: Please take a look at the site and let me know if there's anything odd. This is just a staging site, the final one will sit on its own domain. http://teamweb.com/daswani Hi Virginia, I'm also working on a mac, so can't help with checking the site on IE6. I just wanted to suggest a couple of things in regards to the markup (not so much css): 1) You have a lot of divs on the page (div id= ). You could use css inheritance better than surround many elements in div tags. 2) You have a table to hold Things you cannot afford where it really isn't needed. And unordered list would have sufficed. 3) Your header div is after the footer div in the markup -- that's not logic. You can simplify your markup and with that reduce the file size. And example can be: div id=wrapper div id=header logo (your choice of how to present the logo) ul id=globals div id=nav ul div id=content rest of content comes here div id=footer Cheers, Elle __ 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] CSS Eleven
What is the problem making CSS Thirteen? They might run low on oxygen - like Apollo 13 ;-) 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] Spry Menu from Dreamweaver, bug in IE 6
Kara Marsee wrote:
http://www.foursightcreative.com/clients/pdl/teen-template.html
The bug that happens in IE 6 is once you rollover these drop-down
type nav items, then go to one below, then back over the one above
it, parts of it are unviewable (the parts that are supposed to be
above the nav below it)...this is really hard to explain by typing,
so I hope this makes sense, and if it doesn¹t, please view in IE 6
and see if you can recreate this.
Sure enough, it's one of IE/win's stacking bugs playing tricks on you.
IE/win simply can't stack absolute positioned elements properly, and
seems to be disturbed by the z-index altering done by the script.
Probably a mistake made to the script itself.
Same in all IE/win versions - including IE7.
This stacking bug hits many drop-down menus, so it is quite easy to
spot. A bit harder to fix though, as such menus come in all shapes and
sizes.
Please, does anyone know of a fix for this?
Paste in this little monster verbatim at the very end of
SpryMenuBarVertical.css...
@media screen {
* html ul.MenuBarVertical ul {position: relative!important; float: left;
margin: -10px -1000px -1000px 80px; display: inline;}
* html ul.MenuBarVertical {position: static!important; }
*:first-child+html ul.MenuBarVertical ul {position: relative!important;
float: left; margin: -10px -1000px -1000px 80px;}
*:first-child+html ul.MenuBarVertical {position: static!important; }
}
...and IE/win will behave itself.
What the little monster does is to override all references to
positioning IE/win can't handle, which also makes IE ignore all z-index
trickery in the script and CSS. I then fake the entire positioning
with removed floats...
http://www.gunlaug.no/contents/wd_demo_float_03.html
...which IE/win handles quite well.
I use the off screen 'left: -1000em;' from the original styles to make
the drop-downs disappear when they should - using relative positioning,
and removed floats take up zero space - just as absolute positioned
elements, so they can disappear completely and/or overlay other elements
just fine.
Two sets of identical styles but using different hacks, since IE7
doesn't understand the old '* html' hack but has mostly the same bugs as
IE6 under its many patches.
Everything is tested in IE6 and IE7, and other browsers for comparison.
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 test?
Virginia Bruce wrote: Please take a look at the site and let me know if there's anything odd. This is just a staging site, the final one will sit on its own domain. http://teamweb.com/daswani vb Virginia Bruce XP IE6.0/Parallels desktop You are relatively close to compliant browsers when viewed in IE6.0. Incidentally, font-scaling at +2 in compliant browsers does a bit of a number on it; and ignoring the frozen fonts in IE and setting to text-size largest comes close to destroying 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/
Re: [css-d] Same old Hat (new)
Splash pages are bad (usability- and search positioning-wise). The same is true for links opening in new windows, full screen windows, pointless flash animations, links as images and other stuff you have to talk your customer out off before starting to code; sometims, after they gave up on popups and flash and such you feel compelled to meet them halfway on something... Take a peek at http://tinyurl.com/2rzpzn for an example I've put out last week. Involves scripting, so I won't elaborate further on this list. Write me off-list if you're interested in the uncompressed script. djn [EMAIL PROTECTED] wrote: Hello all. All my personal newbie subordinate kudos to knowledge base of group, etc. Sorry for the old fashioned topic of this post, but here it goes... I remember reading a while back about how splash pages etc were coming back into style, and how disappointing this was. I understand all the accessibility concerns surrounding splash pages, but my question is, were I to want to design a site that had a large photo as it's main intro page, is there any way I can do this as ok for standards-based design methods? I mean, in my particular position there are many photos etc that I would love to use as a graphical introduction, and would really rather not be incapable of doing that? That's all for now. Thanks so much for any possible help. Daniel -- - Dejan Kozina Web design studio Dolina 346 (TS) - I-34018 Italy tel./fax: +39 040 228 436 - cell.: +39 348 7355 225 skype: dejankozina http://www.kozina.com/ - e-mail: [EMAIL PROTECTED] __ 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] Same old Hat (new)
[EMAIL PROTECTED] wrote: I understand all the accessibility concerns surrounding splash pages, but my question is, were I to want to design a site that had a large photo as it's main intro page, is there any way I can do this as ok for standards-based design methods? Daniel Since your question has nothing to do with CSS, a nothing to do with CSS method for achieving a splash page (if you decide to go that sometimes annoying route) is to use a timed meta attribute in the head of the document. 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] Image forcing div down (+ text question)
I am doing a site that uses faux columns, which looks good, except on this page http://www.ratking.co.uk/bensons/map.htm where the image seems to push the container div down and I have no idea why. Also, while I have your attention, on the right hand side of http://www.ratking.co.uk/bensons/testimonials.htm there is a huge gap between the line Business Cards and the text below, again I have tried lots of things but can't manage to solve this problem. Thanks for your help. -- Kevin Stevens [EMAIL PROTECTED] __ 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 forcing div down (+ text question)
Kevin Stevens wrote: I am doing a site that uses faux columns, which looks good, except on this page http://www.ratking.co.uk/bensons/map.htm where the image seems to push the container div down and I have no idea why. Try in ruleset #main_map img changing position: relative; to position: absolute; and defining both the height and width of the map? Regards, ~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/
Re: [css-d] CSS Eleven
Good sense of humor Georg. Elli --- Gunlaug Sørtun [EMAIL PROTECTED] wrote: What is the problem making CSS Thirteen? They might run low on oxygen - like Apollo 13 ;-) 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/ __ 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] Newbie
On Oct 20, 2007, at 11:39 PM, [EMAIL PROTECTED] wrote: is Dreamweaver acceptable or am I better off (as a beginner) going down a different route ? and finally, the most asked question in the world ... what resource to use to learn ? Dreamweaver is a fine authoring environment. It lets you bounce back and forth between visual authoring and pure code view as you like. It also does a great job managing all the pages, files, and links throughout a site. If you're comfortable in Photoshop, it too is a fine medium for mocking up the look of pages, so you have something to show to clients. You can then output the graphics for use with your CSS designs. To learn, you might start by deconstructing some of the CSS layouts provided with the current version of Dreamweaver. Experiment by changing the various styles and settings. A good book or two would also help you get started. This group's wiki may have some good recommendations. Good luck. ...pt -- Business/Communications start at http://www.PhilipTobias.com. Grow your business using my technical and marketing communications - Effective writing, graphic design, multimedia, photos, and Web sites. __ 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 test?
On Oct 20, 2007, at 11:02 PM, William M Conlon wrote: Sorry, I have not looked in IE6. First, start with validated HTML. Your document does not validate (you have a non-unicode character on line 9. Next, validate the css. 268 #resources Value Error : border 1 is not a border-color value : 1 Okay, I will go back in and validate everything. You're right, I forgot to do that. Then, your sizes are in px, which breaks the flow when someone resizes. Review the threads here about relative size (% or em) for all dimensions. When I worked in tables, I always used % but I thought it became problematic with CSS. I will go back and study that -- I would much rather work in %. Never got into ems, but I'll look into that too. Also, it would be nice to replace the table with another floated column, since the table does not contain tabular information, but a list. I tried and tried to do this but I gave up. I have to have the content of the innerRightContent div at the top of the body section. I couldn't figure out how to position the box inside an absolutely positioned div without placing it above that content in the file. If there is a way, I'd love to learn it. I would actually like that box to appear at the top right of the InnerRightContent div, with the text wrapping around it, but its content must not be above the Custom Tailored Clothing Means Elegance and Dignity/ Daswani Tailors makes tailor-made fit and style affordable... content. Placing the keyword-rich content at the top of the file was the whole point of tackling CSS positioning for me. If you can absolutely position a div inside an absolutely positioned div I would love to do that. vb Virginia Bruce Team Web http://teamweb.com 503-629-5799 __ 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] Adding a faux column on my blog
I have added a background color to my sidebar on my blog Sox Dawgs,
http://soxanddawgs.com
I would like the sidebar color to extend to the bottom of each page and not
lengthen it any more than the longest sidebar unless the content is that
long.
I have read the how to create a faux column with css but have not had any
success. So I turn here for help.
Any help anyone can give me would be greatly appreciated. Thank you very
much for your time.
Here is my css code.
*/
body { background: #fff; color: #333; font: 62.5% Georgia, Times New
Roman, Times, serif; text-align: center; }
* { padding: 0; margin: 0; }
/*---:[ global elements ]:---*/
a { color: #5f; text-decoration: underline; }
a:visited { color: #5f; text-decoration: underline; }
a:hover { color: #df; text-decoration: underline; }
a img { border: none; }
blockquote { font-style: italic; font-family: Georgia, Times New Roman,
Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px;
border-left: 1px solid #aaa; }
abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase;
cursor: help; }
code { color: #090; font-family: Courier, monospace; }
pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.4em; }
.flickr_blue { color: #007ae4; text-transform: lowercase; }
.flickr_pink { color: #ff2a96; text-transform: lowercase; }
.green { color: #090; }
.red { color: #f00; }
.orange { color: #f40; }
.purple { color: #909; }
/*---:[ headlines ]:---*/
h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif;
color: #000; }
h1 { font-size: 3.6em; letter-spacing: -0.03em; }
#masthead h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc;
text-align: center; clear: both; }
h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none;
}
h2 { font-size: 2.0em; }
h2 a { color: #000; text-decoration: none; }
h2 a:visited { color: #555; text-decoration: none; }
h2 a:hover { color: #090; text-decoration: none; }
.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em
0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
h2.archive_head { font-weight: bold !important; font-size: 1.4em
!important; text-transform: uppercase !important; letter-spacing: normal
!important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important;
border-top: 3px solid #000 !important; background:
url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
h3 { font-size: 1.0em; text-transform: uppercase; }
#masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size:
1.4em; text-transform: none; color: #888; text-align: center; }
.entry h3 { margin: 2.5em 0 0.5em 0; }
.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
h3.comments_headers { font-size: 1.4em; }
h4 { font: italic 1.2em Georgia, Times New Roman, Times, serif; color:
#888; }
h4 a, h4 a:visited { color: #888; text-decoration: none; }
h4 a:hover { color: #888; text-decoration: underline; }
.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background:
url('images/hr_title_sep.gif') 0 100% no-repeat; }
/*---:[ core layout elements ]:---*/
#container { width: 970px; margin: 15px auto 0 auto; }
#content_box {background:#fff; width: 970px; text-align: left;
float: left; clear: both; }
#content { width: 510px; padding: 0 0 0 10px; float: left;
}
#sidebar { background:#f2f2f2; width: 210px; padding: 0 0 0
10px; float: right; }
#l_sidebar { background:#f2f2f2; width: 210px; padding: 0 0
0 10px; float: left; }
#footer { background:#5f; width: 970px; padding: 1.2em 0 0 0;
border-top: 2px solid #ccc; float: center; clear: both; }
/*---:[ header styles ]:---*/
#masthead { background: #fff; width: 970px; /*height: 100px; background:
url('images/logo.gif') no-repeat;*/ /* uncomment the height and background
declarations here if you intend to use a graphic in the header instead of
the h1 */ }
/* #masthead a { display: block; width: 970px; height: 100px; } */
/* uncomment this line if you use a graphic in the header - make sure the
height of your header graphic is equal to the height declared in this line
of code! */
ul#nav { background: #fff; list-style: none; width: 950px; padding: 0 10px;
background: url('images/hr_dot_black.gif') repeat-x; border-bottom: 3px
solid #000; float: left; clear: both; }
ul#nav li { padding:
Re: [css-d] Image forcing div down (+ text question)
Hallo Kevin, A random observation... The arrow on that map was/is quite hard to see on my lappy... Maybe it could be darker or bolder... Best, Tigdh __ T A G e: [EMAIL PROTECTED] m: 0434 249 753 (int) +61434 249 753 p: (03) 6334 2631 (int) +61 3 6334 2631 On 22/10/2007, at 1:08 AM, Kevin Stevens wrote: I am doing a site that uses faux columns, which looks good, except on this page http://www.ratking.co.uk/bensons/map.htm where the image seems to push the container div down and I have no idea why. Also, while I have your attention, on the right hand side of http://www.ratking.co.uk/bensons/testimonials.htm there is a huge gap between the line Business Cards and the text below, again I have tried lots of things but can't manage to solve this problem. Thanks for your help. -- Kevin Stevens [EMAIL PROTECTED] __ 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] Newbie
Phil Tobias wrote: On Oct 20, 2007, at 11:39 PM, [EMAIL PROTECTED] wrote: is Dreamweaver acceptable or am I better off (as a beginner) going down a different route ? and finally, the most asked question in the world ... what resource to use to learn ? Dreamweaver is a fine authoring environment. It lets you bounce back and forth between visual authoring and pure code view as you like. It also does a great job managing all the pages, files, and links throughout a site. Dreamweaver, like other GUI web development environments, lies to you about how your page looks - visitors don't browse the web with Dreamweaver. Also, you will eventually find yourself in a situation where there's a problem in your site that you can't fix in the GUI mode, so you switch to code view ... at which point, you need to know CSS and HTML just as well as if you never used a GUI environment. So I'd say - forget the GUI development environment and just work with a good code development environment from the first! If you're comfortable in Photoshop, it too is a fine medium for mocking up the look of pages, so you have something to show to clients. You can then output the graphics for use with your CSS designs. Using tools like Photoshop (and Dreamweaver) encourages the (often unconscious) thought process that *this is how your visitors will see your site.* This is another lie. If you really want to use a GUI tool for a mockup, use your preferred presentation software package. They all let you set up links, so you can at least take clients through the flow of the site. To learn, you might start by deconstructing some of the CSS layouts provided with the current version of Dreamweaver. Experiment by changing the various styles and settings. No, grab one of the layouts from Layout Gala. Or grab the layout from a site you like. A good book or two would also help you get started. This group's wiki may have some good recommendations. Not to mention the books by our illustrious list owner, Eric Meyer! -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] Help with converting table layout to standards
G'day all, I'm trying to build an extensible interface refresh for the backend of a product we sell. The interface I'm trying to build might be thought of as 'full screen'; with a sort of frames layout feel. There's a primary nav bar across the top of the screen, a secondary nav bar down the left of the screen (which ideally would occupy the full height of the window minus the height of the nav bar and have overflow: auto), a heading bar with some action buttons, a large content pane and a set of action buttons. To give you an idea, I've mocked it up in tables so you can see where I'm heading, and the start of a standards design, but I've become bogged down: Tables version: http://www.iqmultimedia.com.au/kit/slogger/tables.html Standards version: http://www.iqmultimedia.com.au/kit/slogger/standards.html The tables one doesn't work properly in anything except FF, but I don't really mind because I'm not likely to use a design with tables for layout. The issues I have are the following: - Can anyone think of a way to impose a scrollbar on the left-hand 'Stuff goes here!' secondary nav when it expands beyond the window bounds? - How can I allow the developers to create between 0 and 2 each of neutral, destructive and constructive buttons while keeping them all in line and tidy? Buttons are likely to get icons too if deemed feasible. I'm in a rather unique situation where the product is going to require Firefox (in order to fall under the support requirements for the application), so I have a lot more freedom when it comes to nice selectors etc. in CSS. Any help you can provide would be appreciated (I'm in a situation where I have to explain to my boss why I shouldn't just use the tables layout and get a moveon with the development). Cheers, Kit Grose __ 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] Adding a faux column on my blog
Ian Bethune wrote: I have added a background color to my sidebar on my blog Sox Dawgs, http://soxanddawgs.com I would like the sidebar color to extend to the bottom of each page and not lengthen it any more than the longest sidebar unless the content is that long. I have read the how to create a faux column with css but have not had any success. So I turn here for help. Any help anyone can give me would be greatly appreciated. Thank you very much for your time. I haven't seen the CSS (was too long), but the effect you want can be achieved by adding the image with the faux columns to #content_box, that way whatever content is the longest it will affect the three columns. Hope this helps. __ 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] Help with converting table layout to standards
Well, I've fixed my problem for the most part. I simply used the trick where absolutely positioned elements have more than one vertical property set (which doesn't work in IE, but we're operating on a Firefox/Safari only assumption). So we've set the top to 2em, the bottom to 0, the left to 0 and left the right as auto, with the width defined as 200px, and now I get all the niceties of the design. It's a hack, but it works exactly to spec. Hope it helps someone else at some point, Kit __ 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/
