Re: [css-d] table in a liquid layout
On Sat, Jun 28, 2008 at 2:16 AM, fede <[EMAIL PROTECTED]> wrote:
>
> Hi Everyone, I have a problem with a table in a liquid layout.
> The layout is made by a left column (200px) and a right liquid colum. Body
> has a margin (left-right 5%) to ensure the liquidity.
> Inside the right column I have a div (width auto) containing a table. When
> the table is rich of data and so it grows in width, It breaks the layout. So
> it'is no more contained in the box and the left part of the table has no
> background color (of table containing div).
>
> Is it possible that table enlarges the right-column?
>
> Here is the online code (incorporated css)
> http://www.fedegrafia.com/forum/tabella_css.htm
Fedegrafo,
I have an identical problem not with a table but with an oversize image.
My problem:
I have one known issue. There's probably a term for it but I don't
know it, so here's a .jpg of the intermittent behavior.
http://www.txfannin.org/problempage.jpg
Once I expand the window to full width, the background corrects itself
and stays corrected.
My page:
[Biographical Souvenir Page] (where the intermittent problem shows up
on the .jpg above)
http://www.txfannin.org/book/souvenir/s325.html
Someone sent me this code this morning. I HAVE NOT TRIED IT YET, but
he says it works on my page. I will be gone to a meeting for 4 hours
or soso I can't test on my page until later today.
His reply:
>
> I have played around with your page in FF and the fix is.
>
> body {float:left;}
>
> and for the contents change the padding from a percentage to pixels.
>
> #content {padding:3%;}
>
> to
>
> #content {padding:3px;}
Hope this helps you...and ME too.
Off to my meeting
Suzie
__
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] table in a liquid layout
On Sat, Jun 28, 2008 at 9:07 AM, Suzie Henderson
<[EMAIL PROTECTED]> wrote:
> On Sat, Jun 28, 2008 at 2:16 AM, fede <[EMAIL PROTECTED]> wrote:
>>
>> Hi Everyone, I have a problem with a table in a liquid layout.
>> The layout is made by a left column (200px) and a right liquid colum. Body
>> has a margin (left-right 5%) to ensure the liquidity.
>> Inside the right column I have a div (width auto) containing a table. When
>> the table is rich of data and so it grows in width, It breaks the layout. So
>> it'is no more contained in the box and the left part of the table has no
>> background color (of table containing div).
>>
>> Is it possible that table enlarges the right-column?
>>
>> Here is the online code (incorporated css)
>> http://www.fedegrafia.com/forum/tabella_css.htm
>
>
> Fedegrafo,
>
> I have an identical problem not with a table but with an oversize image.
>
> My problem:
> I have one known issue. There's probably a term for it but I don't
> know it, so here's a .jpg of the intermittent behavior.
> http://www.txfannin.org/problempage.jpg
> Once I expand the window to full width, the background corrects itself
> and stays corrected.
>
> My page:
> [Biographical Souvenir Page] (where the intermittent problem shows up
> on the .jpg above)
> http://www.txfannin.org/book/souvenir/s325.html
>
>
> Someone sent me this code this morning. I HAVE NOT TRIED IT YET, but
> he says it works on my page. I will be gone to a meeting for 4 hours
> or soso I can't test on my page until later today.
>
> His reply:
>>
>> I have played around with your page in FF and the fix is.
>>
>> body {float:left;}
>>
>> and for the contents change the padding from a percentage to pixels.
>>
>> #content {padding:3%;}
>>
>> to
>>
>> #content {padding:3px;}
Success!
I stole a copy of Fedegrafo's code and added
body {float:left;}
and it was MAGIC!
Everything back in order. I did not mess with the padding but the
float:left took care of getting the background to stay behind the
table. [You can start looking forward to Monday Fedegrafo!]
On my problem, I added:
body {float:left;}
The background problem disappeared but the padding did need adjustment
as predicted both in the main content section and in the left sidebar.
A quick fix by visually tweaking pixels and I was back in business.
Fedegrafo will have to post his fixed image on Monday for all of you
to admire. Mine will be up sometime later today. I'll leave the .jpg
image of the pre-fixed page up for late comers to see the problem.
http://www.txfannin.org/problempage.jpg
http://www.txfannin.org/book/souvenir/s325.html
Suzie
__
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] faux column has disappeared entirely
I thought I finally had all the kinks worked out but now my faux column down the left side has decided not to display at all in IE 5.5 and IE 7. It seems to do fine in IE6. I thought it was all working well a couple of days ago. I could be wrong. (So many site checks...so little life.) The only thing I have done as a major change to all pages since then was to add the 16x16 icon to the tabs. If you notice anything else wrong I need to know about, please let me know. This my first attempt at web design, so be nice. I know my CSS has some wasted code and redundancy but it works and I'm scared to muck with it. Lots of broken links. Lots of pages still local waiting to be uploaded pending the reappearance of the left column. Site and CSS both validate. Thanks in advance Suzie http://www.txfannin.org/ http://www.txfannin.org/styles1.css There's a second style sheet but it doesn't have a left column so you probably don't care. http://www.txfannin.org/scrapbooks.css __ 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] faux column has disappeared entirely
On Mon, Jul 7, 2008 at 8:04 PM, Bill Brown <[EMAIL PROTECTED]> wrote: > Suzie Henderson wrote: > > I thought I finally had all the kinks worked out but now my faux column > down the left side has decided not to display at all in IE 5.5 and IE 7. > > Hi Suzie, > > > Good news: I can't help you because this site displays identically on > IE5.5, IE6, IE7 and Firefox on my system. > > Interestingly, I don't see any 16x16 icons anywhere as you noted in your > email. > > Hope that helps. Sorry I can't replicate your problem. > --Bill > > Thanks, Bill That IS good news that you are seeing the site correctly in all browsers. I'm working on a Mac and was resorting to Netrenderer for a quick IE site check. I thought it might be a Netrenderer problem but forgot to mention it. I have access to a network of PC's twice a week and normally don't rely on Netrenderer. The tiny icons are the least of my worries. A nice touch but not critical to getting the rest of the 2000 pages up! Thanks for your prompt reply. Suzie __ 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] faux column has disappeared entirely
On Mon, Jul 7, 2008 at 8:30 PM, David Laakso <[EMAIL PROTECTED]>
wrote:
> Suzie Henderson wrote:
>
>> If you notice anything else wrong I need to know about, please let me
>> know.
>>
>> Suzie
>>
>> http://www.txfannin.org/
>>
>>
>>
>
> Em font-scaling bug in the Es.
> When setting fonts in em for IE a base in percent is needed on the body or
> html, or the fonts will go goofy when scaled.
> The correction for your site is to add this declaration at the top of the
> style sheet:
> html {font-size:100%;}
> As ever,
> Ozzie
>
> --
> http://chelseacreekstudio.com/
>
> Done! Added to both sheets and uploaded. Thanks
Harriet
__
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] Search box Woes
I admit to knowing nothing about creating forms, so I blatantly "stole" the coding for a Google search box and played with it until I got it to look like I wanted it. Although each browser handles it a little differently, I can live with most of it. Even though have added a "text decoration: none" to the Google image, it still shows a box around the Google logo pretty consistently cross browser. Safari 3.1.1 Mac seems to do the best job of displaying what I want. Even IE (all versions) does better than Firefox MAC. I'm not sure how Mozilla handles it on the PC. Firefox MAC 2.0.0.16 is the worst! and my biggest concern. The Text box needs to get back inside the left column div. The original box started out being about that long and I reduced the length to fit the column. Now it's extra short in Opera and way too long in Firefox. Everything validates. http://www.txfannin.org http://www.txfannin.org/styles1.css Any advice appreciated! Thanks, Suzie __ 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] Clearing problem...only on Vista machines??
Every one of my "cemetery pages" has a left column of maps and links. Then the main content starts with a Headline and a large photo at the top. I recently discovered that the large photos are sometimes being pushed down to be even with the bottom of the content of the left column. I suspect something needs to be cleared but I am unsure of what clearing needs to happen (clear the photo? clear the left right on the left column?) and I can't test to troubleshoot. I think it is only happening on machines running Vista. I have been unable to replicate the problem except on newer pcs running IE7 but I THINK I also had the problem with Firefox on one Vista machine. (I may be confused on that one.) I work on a Mac and only occasionally have access to a Vista machine. Netrenderer displays the pages fine on all versions of IE so they must not be running Vista. Pages that have text entered below the headline but above the photo don't seem to have the display problem. Direct links to some sample cemeteries: http://www.txfannin.org/cemeteries/ceme-blanton/index.html http://www.txfannin.org/cemeteries/ceme-cedarhill/index.html http://www.txfannin.org/cemeteries/ceme-hudsonville/index.html http://www.txfannin.org/styles1.css Home page: http://www.txfannin.org Main Cemetery Page: http://www.txfannin.org/cemeteries (with links to more samples) Thanks in advance, Suzie __ 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] Clearing problem...only on Vista machines??
On Sun, Dec 7, 2008 at 1:05 PM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Suzie Henderson wrote: > >> <http://www.txfannin.org/cemeteries> >> > > I recently discovered that the large photos are sometimes being pushed >> down to be even with the bottom of the content of the left column. >> > > When window-width shrinks below a certain width, the wide image drops > below left column. The content area then continues to shrink as the > window is narrowed further. > Happens in all IE/win versions, regardless of OS - tested in IE6 > (win2K), IE7 (XP & Vista) and IE5.5 to IE8b2 (IETester on XP). > > Only "cure" seems to be to declare a 'min-width' on #content or body - > value depends on image-size, which saves IE7 and above. Doesn't help on > IE6 and lower though. > > regards >Georg > -- > http://www.gunlaug.no Thanks for the heads up on that one BUT... The first time I discovered the problem was on a 27inch monitor at full window. I design on a 15 inch screen to be sure not to go too wide with my layout. With the window filling the full width of the wide screen monitor, the headline is at the top of the page and the photo is down even with the end of the information in the left column. It's behaving just like something is not cleared. It happened on the Vista machine owned by the Wicked Step Mother (WSM). It happened yesterday at the Library and it happens on a brand new machine just purchased by a friend in the next county over. None of these machines are readily accessible to me to make a screen shot for you. Here's one a faked to show you the alignment... it is consistently right at the end of the left column content... http://www.txfannin.org/screenshot.jpg The only pages that display correctly are those that have text after the headline but before the photo. Then it works fine. (I've considered typing the word "hack" in a font matching the background color above every photo! It would likely play hell with screen readers but would get my photos up where they belong!) Suzie __ 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] Clearing problem...only on Vista machines??
On Sun, Dec 7, 2008 at 3:22 PM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
> Suzie Henderson wrote:
>
> <http://www.txfannin.org/cemeteries>
>>>>
>>>
> http://www.txfannin.org/screenshot.jpg
>>
>
> Can't reproduce that at my end, neither on or off line.
> A simpler and more friendly solution would be to add...
>
> #leftcol {margin-bottom: -1px;}
>
> ...which simply makes #leftcol take up no space - "removed float".
> regards
>Georg
>
Just got word from the next county over! Worked like a charm!
Thanks, Georg
__
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] CSS for a Cemetery?
I have recently inherited responsibility for maintaining an all volunteer genealogy site managed by the same person for over 10 years. She did an amazing job of collecting and posting genealogy information but taught herself HTML as she went along. There are over 18000 items in ONE folder and not one of them is a CSS. I don't need to get "fancy" but I do want to clean up the code; base as much as possible on CSS; and organize the site with a few sub-folders. I think I can get the basic CSS and XHTML coding done before screaming for help with the things that I find not working BUT...one thing that concerns me is the cemetery transcription pages. There are over 240 cemeteries transcribed on the site ranging from one grave to over 5000 burials in one cemetery. Some are currently posted as tables and others as plain text. The formatting is all over the map. Many of them have links to photos of the gravestones. Here's a sample of one of the existing pages: http://www.rootsweb.com/~txfannin/ceme-bigbee.html The homepage is http://www.rootsweb.com/~txfannin/ I thought, at first, that I might just pre-format and paste the file as within a but then I would not be able to add the hyperlinks to individual lines within the . I thought about adding the hyperlink to an image placed adjacent to the name but if any lines wrapped it would throw off all the links. I could make each burial an unordered list item with a hyperlink??? I would LOVE to have a way to make the line read: FRIENDLY, Fred 7 Jan 1856- 25 Nov 1934 "Beloved Father" FRIENDLY, Freida 18 Feb 1872- 22 Dec 1947 "Beloved Mother" ...but I think that could only happen in a table. I have yet to find another genealogy site which had a creative CSS solution. I just hate to get started without some idea of what might be the best solution. Is there a CSS solution? Any suggestions from those of you with more experience? Thanks. Suzie in Texas __ 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] CSS for a Cemetery?
When is a cemetery not a cemetery? When it's a table. Thanks to Rick Lecoat, Mark Finney, Fulko van Westrenen, and Chris Johnson who all responded so quickly to my request for advice. [And thanks for the pat on the back, Chris. I needed that today.] I agree with Fulko that a database is probably be the best answer but I'm pretty overwhelmed right now just dealing with xhtml and css. I've been ignoring tables in html because I just KNEW there would be a better answer. So much for what I know... The thought of adding PHP and SQL and PERL to my already confused mind just brought tears to the surface. The database will just have to wait until I've written enough HTML and CSS to do that in my sleep. It might be quicker to use PHP to dig out the information from the old pages, but not if I have to figure out PHP first. I'm off to study tables, unless somebody wants to trade some coding for some genealogy research. (I'm really good at that!) Thanks again to all of you. Suzie __ 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] Safari 3 Beta for Mac and PC
Mac OSX-Leopard will still not be released until October but Apple is starting the hype. This includes offering the latest Beta version of Safari for Mac and PC for free download in case anyone wants to play with it. http://www.apple.com/macosx/leopard/features/safari.html Just thought you might want to see if you have any new Safari Hacks to write. __ 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/
