Re: [css-d] help with problem in CSS
Bobby Jack wrote: (This is my first reply to the list, so please forgive any breaking of conventions, and feel free to tell me if I'm doing anything wrong!) bookpage, the footer problem is related to your use of 'float: left' on the elements preceding the footer. Since the footer isn't cleared, it 'sticks' to those elements. You need to add a 'clear: left' to that footer which, ideally, should have a more semantic class name (such as 'footer'), rather than the presentation-based 'center'. Digging into the layout slightly deeper, I'm a bit unsure as to why you've chosen to float those elements to the left in the first place, so the above is only really a short-term suggestion. You may have 'better' results (e.g. wrt the other problems) by simply not floating those elements. Thank you for your suggestions and help. I had to use float left in order to get the hr to display in FF. I have used the clear:left and now the navbar and footer will not center. I tried taking out the float:left and my hr disappears again. Cheers, - Bobby --- bookpage [EMAIL PROTECTED] wrote: I think I have all the problems fixed with the exception of two on this web page. In IE the right margin does not line up. You can see the gap to the right just under the Contact Us menu link. http://tavbooks.com/test/test.html and http://tavbooks.com/test/ I tried changing the width for the id=container, but then it was off to the right in FF. Also, in the footer Copyright © 1996-2008 Tavistock Book is not centered in correct place for FF, looks fine in IE. Thanks for any help, Rayburn __ 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 Layout problems
My first time to post and I hope I am asking in the correct way. I am have trouble trying to debug my CSS when there is an error between IE and FF. I have tried to use Firebug, but just can't seem to understand how to use it. There are several differences between IE and FF on this page http://tavbooks.com/test/test.html. FF has a small space at top before heading and IE does not (I would like to keep the space). The menu is not showing correctly (it has double the height) in IE but is showing correctly in FF. The content box is wider in IE than in FF. The hr above the footer menu is not showing in FF but is in IE. Can someone take a look and show me how to find these errors? Would greatly appreciate the help. Rayburn __ 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 gallery
Čistý Design wrote: Hello I was always wondering if it's possible to center image in a div - like when you have a photogallery of images that are vertical and horizontal and they are always centered so it looks tidy I know how to do it in a table cell, but don't want to use a table. Would anyone please have any suggestion? Thank you!!! Jana Forsythová You might try this code. Not sure it is what you are looking for or not. .onethird { float: left; width: 30%; margin-right: 1%; text-align: center; margin-bottom:auto } -- h3Eric Meyers' CSS2 Test Suite/h3 pIn the following table, the cells of the second row should be invisible, but the space the row would have occupied should still be held open. The third row should be removed from the table altogether, and its space should not be held open. Using this CSS;nbsp;nbsp; .cl3 {visibility: collapse;}/p div p class=onethird img alt=IE 7 src=images/ie7.gif class=pic-left height=124 width=113brbr This is what it looks like in IE 7./p p class=onethird img alt=Firefox 2 src=images/ff2.gif height=99 width=125brbrbr This is what it looks like in Firefox 2./p p class=onethird img src=images/opera.gifbrbr This is what it looks like in Opera/p /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/
[css-d] problems with CSS and floats
This is my first post and I hope I am requesting help in the correct way. I am trying to replace tables with a CSS and try to also use float left and float right and they do not seem to work correctly. Could someone take a look [http://wacowebdesigns.com/test.html] and see what I am doing wrong? Verse of the Day is supposed to float right and text should go to the left and under it. TIA, Rayburn Taylor .content { padding: 10px; width: 750px; color : #663300; background-color : #D9D1C4; border : #786658 solid; border-width : 0px 1px: .65; } #f-left { width: 250px; float: left; margin: 15px 0 15px 15px; padding: 10px; color : #663300; background-color : #D9D1C4; border : #786658 solid; border-width : 0px 1px: .65; } #f-right { width: 250px; float: right; margin: 15px 0 15px 15px; padding: 10px; border:1px solid #000; background-color : #CC; border:1px solid #fff; } Waco Web Designs http://wacowebdesigns.com ~~~ TAYLOR's BOOK PAGE http://taylorsbookpage.com Member of (IOBA) http://www.ioba.org Independent Online Booksellers Association ~~ School, Church, Library discount of 15% when purchased from TBP web site. ~~ __ 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/