Re: [css-d] Two Column Layout

Hi David and All Thanks for the responses. My question is built around the site I asked a question about yesterday. If you look at: I am hoping you'll see what I mean. I have stripped all the css out and left it to bare minimum. It is at:

Re: [css-d] Opera overlap and Win IE 6 problems in divs

susan wrote: I have 2 problems with this one-page site. http://www.thewinenotes.com 1. Opera v 7.1 & 8 (for Mac) is positioning the div #wcncl (colored background with text) on top of the photo division (#btl). Opera has a bug, which makes layering of floats with 'position: relative; z-index

[css-d] @charset "utf-8"

Does anyone know why the w3c validator seems to choke over the declaration @charset "utf-8"; at the top of a css file? It still seems to work ok, but it forgets to put in the title "Valid CSS information" and then echos out "utf-8"; followed by all your css, as if it didn't really understand th

[css-d] Opera overlap and Win IE 6 problems in divs

I have 2 problems with this one-page site. http://www.thewinenotes.com css: http://www.thewinenotes.com/0_styles/base705.css 1. Opera v 7.1 & 8 (for Mac) is positioning the div #wcncl (colored background with text) on top of the photo division (#btl). It doesn't matter if I have z-index specifi

[css-d] nav button help

I am trying this navigation from the book stylin` with CSS a designer`s guide by charles Wyke-Smith but some things don`t work what am I missing ?.. Safari = ok Firefox(mac) = ok IE(mac)(only the first link rolls over) ? am I going in the right direction ? <{ HTML ]> 1 2 3 4 5 6 mailto:[E

RE: [css-d] Stretching wider then the view port.

I had some little luck by declaring body {display: table} which makes the header div extend the full width of the table in Firefox, but IE still stops the div at the window width: http://novitskisoftware.com/demos/horizontalStretch/ Paul At 03:29 PM 7/14/2005, I wrote: Ian, I'd mark it up t

Re: [css-d] Print Stylesheet issues (Repost)

-- Robert Neville <[EMAIL PROTECTED]> wrote: > I just began developing the print style sheet for my > web page listed below and have encountered several > difficulties. Apparently, the scenario is more > complex > than originally thought. This sheet scenario has > had > me perplexed for several d

[css-d] Re: another a:hover jumping problem

Carol Doersom schrieb: ...Hovering on any of the links in IE6 causes all the text below that link to jump down a pixel or two http://www.blinn.edu/sbdc/test-bus_conn.htm Ingo Chao wrote: haven't had a thorough look, but you are serving http://www.blinn.edu/sbdc/template_nn-css.css and h

[css-d] Re: another a:hover jumping problem

Carol Doersom wrote: Hovering on any of the links in IE6 causes all the text below that link to jump down a pixel or two. http://www.blinn.edu/sbdc/test-bus_conn.htm David Laasko wrote: >An interesting concept, Carol-- but not user friendly on my end(XP_SP2). Seems screen >resolution dependen

Re: [css-d] three-column layout question

Thank you everyone for the links and the article. Yeah, the code is a bit confusing. I've sort of cobbled it together from articles and tutorials. Next step is simplification. Saul On Jul 14, 2005, at 7:32 PM, David Laakso wrote: saul wrote: Hello, I'm having a bear of a time getting the

Re: [css-d] Link issue with firefox

On 7/14/05, d.williams <[EMAIL PROTECTED]> wrote: > It seems like there's a div or > something which is covering them, but i can't seem to figure out what > it is. Using the Aardvark extension [1], I can see that the #content div is covering the #header div. Because of the #header's absolute posi

Re: [css-d] Two Column Layout

Richard Brown wrote: Hi All I want to get hold of a two column fixed width layout. The left column is meant to stretch the full length of the site. The right column is to contain a nav bar at the top followed by a header, content and a footer. Could someone point me to a suitable tutorial

RE: [css-d] Stretching wider then the view port.

Oops, sorry, I didn't realize that effect terminated at the screen edge. Paul At 03:29 PM 7/14/2005, I wrote: Ian, I'd mark it up this way: Some top of page stuff ... The outer div, if you don't constrain its width, will stretch as far as it has to to enclose its descendan

Re: [css-d] Stretching wider then the view port.

Ian Skinner wrote: My goal is to have the div as wide as the table. I would presume that the "body" is wide as the table in order to encompass it, so if one declared the div to be 100%; it would be as wide as body and thus the table. But that does not work, at least not in IE6. This should

Re: [css-d] Stretching wider then the view port.

Ian Skinner schrieb: What I want is the div to stretch to the same width as the table, without defining the table width or including the div in the table or I suppose enclosing the table in the div. My goal is to have the div as wide as the table. I would presume that the "body" is wide as the t

RE: [css-d] Stretching wider then the view port.

Ian, I'd mark it up this way: Some top of page stuff ... The outer div, if you don't constrain its width, will stretch as far as it has to to enclose its descendants, and the top-of-page-stuff div, being a block element, will expand to the width of its container. So the tab

RE: [css-d] Stretching wider then the view port.

Well actually that is the effect I currently have with no floats involved. The table is not in the div, it is below it. What I want is the div to stretch to the same width as the table, without defining the table width or including the div in the table or I suppose enclosing the table in the d

Re: [css-d] three-column layout question

of all the 3 column layout tutorials I like this one the best: http://glish.com/css/7.asp Sam saul wrote: > Hello, > > I'm having a bear of a time getting the three columns to function > correctly. I've looked at a number of suggested ways to achieve this, > but cannot get it to work correctly.

Re: [css-d] Two Column Layout

A good place to start is on the wiki http://css-discuss.incutio.com/?page=TwoColumnLayouts > > I want to get hold of a two column fixed width layout. The left column > is meant to stretch the full length of the site. The right column is to > contain a nav bar at the top followed by a header, con

Re: [css-d] Stretching wider then the view port.

On 7/14/05, Ian Skinner <[EMAIL PROTECTED]> wrote: > Is there a way to get a div to stretch wider then the view port to match the > arbitrary width of a large table that is wider then the screen without making > the div part of the table, or somehow defining the width of the table instead > of l

[css-d] Safari :: Zapfino

Browsercam shows Zapfino going out of its little gourd in Safari. Seeking a fast and dirty fix (or maybe just better to switch to TNR--Times?). Thanks. David Laakso -- David Laakso http://www.dlaakso.com/ ___

Re: [css-d] three-column layout question

Yeah, that's what I'm trying to achieve. I've seen a number of sites that have done it and looked at their CSS (including those in the WIKI). They use inner- and outer Containers. I just can't seem to get them set up properly. Saul On Jul 14, 2005, at 5:07 PM, jason zietz wrote: Saul, It l

[css-d] three-column layout question

Hello, I'm having a bear of a time getting the three columns to function correctly. I've looked at a number of suggested ways to achieve this, but cannot get it to work correctly. Any assistance would be appreciated. http://inventionshow.com/development/home.html Thanks, Saul

[css-d] Stretching wider then the view port.

Is there a way to get a div to stretch wider then the view port to match the arbitrary width of a large table that is wider then the screen without making the div part of the table, or somehow defining the width of the table instead of letting it auto fit the data? That works in IE6? I tried

Re: [css-d] Using of tbody.

tbody, thead, and tfoot give the data more semantics and allow one to operate on logically grouped rows. One CSS application that comes to mind is: thead th { /* style column headers here */ } tbody th:first-child { /* style row headers here */ } I've found the real advantage of pack

[css-d] Problems with a:hover over an image in (surprise!) IE

This has been bugging me for a while now and I can't seem to fix it. Here's the relevant CSS: a { color: #000; font-weight: bold; text-decoration: underline; } #previewPanel a:hover img.previewPic { border: 1px dashed #000; } and the html: width="100" alt="alt tag" /> The hover

[css-d] Link issue with firefox

Hi, all, I have a pure css page with an unordered list serving as the main navigation. I have most things working, but I'm having a really odd problem in Firefox. For some reason the links aren't clickable and don't respond to hover changes. It seems like there's a div or something which is cov

[css-d] Two Column Layout

Hi All I want to get hold of a two column fixed width layout. The left column is meant to stretch the full length of the site. The right column is to contain a nav bar at the top followed by a header, content and a footer. Could someone point me to a suitable tutorial or design that I could

[css-d] Text Positioning

How do I get a or element to display the same distance from the top of cells and/or divs in both IE and Firefox? On this page in particular, I want each browser to begin the paragraph the same distance below the banner image. (text in a table cell) I'm also havi

Re: [css-d] Site Check: stephenjoneslaw.com

On Thu, 14 Jul 2005 13:56:08 -0400, Jeff Clark <[EMAIL PROTECTED]> wrote: (especially if you're on a Mac or using a browser that isn't FF or IE) http://www.stephenjoneslaw.com/home Jeff Mac Opera 8.01 looks good. This is good stuff. Text is smaller than you normally see, but very readable

Re: [work] [css-d] Site Check: stephenjoneslaw.com

At 09:19 PM 7/14/2005 +0300, you wrote: http://www.stephenjoneslaw.com/home Anything is appreciated. Thanks! IMHO the main part of the page is quite skinny. Furthermore, on my 17" 1024 pixel monitor, the text at default size on FF is very small. Much smaller than is comfortable for me to

Re: [css-d] Site Check: stephenjoneslaw.com

Wow!!! that looks pretty sweet in firefox/konqueror/lynx viewed on Linux (Ubuntu Hoary) Sam Jeff Clark wrote: > Hi list- > > I'd like as many people as possible to see this before I submit it to > the client, so a site check would be very much appreciated! > (especially if you're on a Mac or us

Re: [css-d] Site Check: stephenjoneslaw.com

Mac Safari 2.0 and Firefox looks great. Nice job. Bart On 7/14/05 1:56 PM, "Jeff Clark" <[EMAIL PROTECTED]> wrote: > Hi list- > > I'd like as many people as possible to see this before I submit it to > the client, so a site check would be very much appreciated! > (especially if you're on a Mac

Re: [work] [css-d] Site Check: stephenjoneslaw.com

http://www.stephenjoneslaw.com/home Anything is appreciated. Thanks! IMHO the main part of the page is quite skinny. Furthermore, on my 17" 1024 pixel monitor, the text at default size on FF is very small. Much smaller than is comfortable for me to read. Also is lacks a Contact Us page.

[css-d] Site Check: stephenjoneslaw.com

Hi list- I'd like as many people as possible to see this before I submit it to the client, so a site check would be very much appreciated! (especially if you're on a Mac or using a browser that isn't FF or IE) http://www.stephenjoneslaw.com/home *the "home" link on the site isn't active for obv

Re: [css-d] Site Check Please - THANKS

I just wanted to say many thanks to all of you that helped me out both on and off-list. I appreciate all of your comments and have made all of the suggested changes. I don't know how I would get by without you guys! :-) Thanks again, Matthew Ohlman Matthew Ohlman wrote: Hey List: I just

Re: [css-d] small space between image and border

On 7/14/2005 10:32 AM Scot Schlinger wrote: My page looks fine in windows ff 1.0.4 but I am having problems with windows ie 6.x (nothing different then most of the e-mails I have read over the past two weeks). The problem: there is a small space (I thought this was related to the 3px bug, but c

Re: [css-d] small space between image and border

Scot Schlinger wrote: This is my first message as I am new to the list and using css completely without tables. Please pardon my e-mail and, more than likely, poor quality css. Please feel free to make comments as I need to learn. Welcome. I'm sure that you will find that this list is a

[css-d] horizontal "tabed" css menu - need help

Hi list! I´m trying to make an horizontal "tabbed" menu. No problems on making the tabs only using lists and css. But I´d like to add images for it to have a better look. The image would be this one: http://www.arcbr.org/imgs/bg_up.png I thought about using it as a background on the lists, but

[css-d] small space between image and border

This is my first message as I am new to the list and using css completely without tables. Please pardon my e-mail and, more than likely, poor quality css. Please feel free to make comments as I need to learn. My page looks fine in windows ff 1.0.4 but I am having problems with windows ie 6.x

[css-d] Help with boxpunch spanning 2 columns

I recently came across Eric Meyer's excellent boxpunch examples, but wanted to adapt something like this to create a content box that would span two content columns (in a standard 3 column CSS design). Here's where I'm at now: http://grohol.com/tt/b.htm As you can see from the example, I woul

Re: [css-d] IE Displays Sometimes - Other Times Does Not

On 7/14/2005 9:03 AM George Smyth wrote: However, with IE, sometimes some of the text within the second is not displayed. If I play around with the size of the browser, then some of the lower text will magically appear or disappear> Does anyone have an idea as to what might be going on? Am

[css-d] IE Displays Sometimes - Other Times Does Not

I have a strange problem. The code below works exactly the way I want in Firefox and IE. However, with IE, sometimes some of the text within the second is not displayed. If I play around with the size of the browser, then some of the lower text will magically appear or disappear> SA

Re: [css-d] Site Check and problems with nav elements

Richard Brown wrote: Hi All Could anybody viewing the site in Win I.E. please send me a picture so I can see how the site looks? http://www.flickr.com/photos/[EMAIL PROTECTED]/25916809/ http://www.flickr.com/photos/[EMAIL PROTECTED]/25916796/ In IE (XP_SP2) the nav bar is above the content

Re: [css-d] IE MAC hack

Michael Cassidy > > I though this was a work around for IE MAC, has it been fixed!!??: > @import("iemac.css"); I'm not sure if that was fixed, though I doubt it as Microsoft stop development on that browser over 2 years ago. Try reading this article instead: http://www.stopdesign.com/examples

[css-d] One page weirdness

Hey all, I am having fits with one page on my site in IE6. Of course, it works fine in both FF 1.0.4 and Opera 8. Anyway, the problem is my sidebar on this page . The only real difference with this page from the rest of the site is that I have two floated

[css-d] Site Check and problems with nav elements

Hi All I have uploaded a new design to: Css is at: The nav container is placing itself at the bottom of the page when it should be above the page title and below the header. Does anybody know why this is happening p

[css-d] IE MAC hack

I though this was a work around for IE MAC, has it been fixed!!??: @import("iemac.css"); Jazz is freedom. - T. Monk www.panix.com/~cassidy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List

[css-d] Several quirks

Hello all - I'm new to think list so please be forgiving if I over-step my bounds ... I have a site that is being converted to a CSS2 environment. I've got most of the conversion done but there is one area that is still giving me fits: We're converting http://www.ewriteonline.com to http://de

Re: [css-d] extra space around a table inside a div

Bob, Thanks, we figured that out, but we will also have paragraphs, lists, and well, any other kind of text that we'd like to be away from that div. A negative margin on the table doesn't seem to work on the right side. The only thing we can think of is to add another div around the ta

Re: [css-d] Site Check Please

Matthew Ohlman: I just finished designing this site with a CSS layout, and I was hoping you guys could take a look at it and tell me what you think: http://pictures.ohlman.com/tnbidco/index.html You forgot to specify a background color for the page (like so many do). -- Andree Hollander

Re: [css-d] using float and clear in the same div.

On Jul 14, 2005, at 6:05 AM, victor NOAGBODJI wrote: I did a #sideBox { float: left; clear: left; } and it worked. Now I do #sideBox { float: left } ... id="sideBox">. and it works also. What is the difference, which is better? First method: Place sideBox on the left edge, belo

Re: [css-d] using of DIVs

On Jul 14, 2005, at 6:01 AM, victor NOAGBODJI wrote: Hello, AFAIK, DIVs are to section a page (maybe I'm wrong, as i'm still a beginner). When learning CSS I use to write things like this: My Title One day, I has been told that this is bad, according to web standard accessibility (or some

Re: [css-d] vertical centering text in Internet Explorer

dimpie schrieb: Is it possible to center text vertically in a div in Internet Explorer. See Bruno Fassino's solution: http://www.brunildo.org/test/vertmiddle.html http://www.brunildo.org/test/img_center.html Ingo -- http://www.satzansatz.de/css.html

[css-d] vertical centering text in Internet Explorer

Is it possible to center text vertically in a div in Internet Explorer. I managed to make it work in FireFox and Opera by applying the following: div { display: table-cell; vertical-align: middle; } but I can't get it to work in IE. Any help would be appreciated. Thanks in advance.

[css-d] Re: Using of tbody.

On 7/14/05, victor NOAGBODJI <[EMAIL PROTECTED]> wrote: > What is the advantages of using tbody instead of table, when using CSS? You can't use tbody instead of table. Tbody is a child element of table, used to mark up groups of data (as opposed to thead - for the main table heading, and tfoot fo

[css-d] Re: using of DIVs

On 7/14/05, victor NOAGBODJI <[EMAIL PROTECTED]> wrote: > AFAIK, DIVs are to section a page (maybe I'm wrong, as i'm still a > beginner). When learning CSS I use to write things like this: > My Title A div is a generic block element. It is used when you have a need to mark up some content without

Re: [css-d] using of DIVs

are like alchohol... they have a tendency to be overused, and often the very people who abuse them are completely unware of the negative effects. Web Standards/Accessibility is probably not the best argument against using DIVS. Here is an article that will answer many of your questions: http:

[css-d] using float and clear in the same div.

I have blindly use this trick way back when learning CSS. I have hacked some CSS codes from a great designer named Haran. Now that I have a little knowledge of CSS. I just wonder how this managed to work before? I did a #sideBox { float: left; clear: left; } and it worked. Now I do #sideBox

[css-d] using of DIVs

Hello, AFAIK, DIVs are to section a page (maybe I'm wrong, as i'm still a beginner). When learning CSS I use to write things like this: My Title One day, I has been told that this is bad, according to web standard accessibility (or something like that) so I was told to do this: My Title Now I r

[css-d] Using of tbody.

Hello, What is the advantages of using tbody instead of table, when using CSS? thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by

[css-d] Print Stylesheet issues (Repost)

Partially repost I just began developing the print style sheet for my web page listed below and have encountered several difficulties. Apparently, the scenario is more complex than originally thought. This sheet scenario has had me perplexed for several days. I simplified the html and removed th

Re: [css-d] ie not bold on title boxes

David Laakso wrote: Sam Leathers wrote: I'm completely lost as to whats going on with IE6 ignoring the font-weight: bold in the title boxes on the left but not having any problems on the right side. the bold is not showing at all in ff 1.0.4; but it is in opera 8.01. -Feed the javascript stu

Re: [css-d] ie not bold on title boxes

Sam Leathers wrote: the url: http://www.magpienet.biz/newmag I'm completely lost as to whats going on with IE6 ignoring the font-weight: bold in the title boxes on the left but not having any problems on the right side. Sam Sam, You have a lot of code, so I can't say exactly what to add o