Re: [css-d] IE spacing problems on nav list
Liz wrote:
I added margin-bottom: 8px; to #navcontainer a to get the space I want
between the background blocks. The space is the way I want it on Safari and
FireFox but way too spread out vertically on IE on the PC. How can I get
the space I want to work it least closely on all (modern) browsers?
sample is http://www.liztestsite.com/kh/sample.html
Liz
Liz,
Try adding 100% width to the a for an ie haslayout trigger [1]:
#navcontainer a { width: 100%; }
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
Best,
~dL
PS Don't for get to give your final page a background-color (I default
to fuchsia in Opera to catch myself)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 3-pixel bug problem revisited
Hello,
I've got a question regarding the IE 3-pixel bug problem. (I've read over
the Molly/John page on this a dozen times).
I have been using the {height:1%;} to fix the bug in most of my layouts
where needed. However, I've come across a situation where it breaks
something worse that the problem it fixes.
In my layout, I have a floated left-nav, a center column for content, and a
floated right-column that has some links and such in it.
The center column is controlled by using the left and right margins, as many
sites do now. The content is allowed to flow around the right float.
The problem is that when I apply the {height:1%;}, then the content will not
wrap around the right float. It treats the left edge of the right float as
a hard margin, and all the content stays between the two floats.
Is there a way around this?...
I have tried applying the -3px right-margin fix to the left float, but that
appears to have no effect.
Any other ways?...
Thanks,
-- Karl
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE spacing problems on nav list
That fixed it. Thank you!
Liz
On 8/15/06 11:13 PM, David Laakso [EMAIL PROTECTED] wrote:
Liz wrote:
I added margin-bottom: 8px; to #navcontainer a to get the space I want
between the background blocks. The space is the way I want it on Safari and
FireFox but way too spread out vertically on IE on the PC. How can I get
the space I want to work it least closely on all (modern) browsers?
sample is http://www.liztestsite.com/kh/sample.html
Liz
Liz,
Try adding 100% width to the a for an ie haslayout trigger [1]:
#navcontainer a { width: 100%; }
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
Best,
~dL
PS Don't for get to give your final page a background-color (I default
to fuchsia in Opera to catch myself)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE spacing problems on nav list
On 8/15/06 11:13 PM, David Laakso [EMAIL PROTECTED] wrote:
Liz wrote:
I added margin-bottom: 8px; to #navcontainer a to get the space I want
between the background blocks. The space is the way I want it on Safari and
FireFox but way too spread out vertically on IE on the PC. How can I get
the space I want to work it least closely on all (modern) browsers?
sample is http://www.liztestsite.com/kh/sample.html
Liz
Liz,
Try adding 100% width to the a for an ie haslayout trigger [1]:
#navcontainer a { width: 100%; }
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
Best,
~dL
PS Don't for get to give your final page a background-color (I default
to fuchsia in Opera to catch myself)
Actually it worked well until I tried a mouse-over. Then it collapses in a
wierd way on IE on the PC. Sample is still at
http://www.liztestsite.com/kh/sample.html Do I need to put that width other
places as well?
Regards,
Liz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 3-col - Oposite floats vs. Negative margins
I would like to ask the list of its view on which technique seems more appropriate (read: trouble-free) for a large 3-column site with mostly dynamic contents. Method 1: Opposite floats - #box1 floats left, #box2 floats right (with another #sub-box 1 and 2 inside also floated left and right). Method 2: Negative margins - floating 3 divs left, and using margins and negative margins to arrange the columns. (The primary column appears first in the html, but visually as the center column). The center column will be your typical corporate site, sometimes with one article spanning the whole width, other times with 2 or 3 smaller news items or similar next to each other. Also note that the site will have a fixed width, although I'm considering using an elastic layout. Regarding that, I'll also appreciate any comments on using keywords for fontsize as opposed to 'em'. These might seem like very broad questions, but in my experience having the basics of the site nailed down will help avoid many later unnecessary issues. Thank you, Eystein. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE spacing problems on nav list
Actually it worked well until I tried a mouse-over. Then it collapses in
a
wierd way on IE on the PC. Sample is still at
http://www.liztestsite.com/kh/sample.html Do I need to put that width
other
places as well?
Hi Liz
Sorry if I'm late, and You have got solution alreary. (I read list in
digest-mode.)
You can try something like this:
#navcontainer li
{
margin-bottom: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
background-color: #2b6a59;
}
#navcontainer a
{
display: block;
width: 100%;
}
Mari - not an expert
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE spacing problems on nav list
On 8/16/06 1:54 AM, Mari Sysimies [EMAIL PROTECTED] wrote:
Actually it worked well until I tried a mouse-over. Then it collapses in
a
wierd way on IE on the PC. Sample is still at
http://www.liztestsite.com/kh/sample.html Do I need to put that width
other
places as well?
Hi Liz
Sorry if I'm late, and You have got solution alreary. (I read list in
digest-mode.)
You can try something like this:
#navcontainer li
{
margin-bottom: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
background-color: #2b6a59;
}
#navcontainer a
{
display: block;
width: 100%;
}
Mari - not an expert
Thank you Mari, that fixed it! The previous fix was almost there but not
quite, had problems with the rollovers.
his works well and the padding where you put it keeps the list at the
correct width. Where I originally put it the width increased with the
padding even though there was room for the text.
Thank you
Regards,
Liz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE spacing problems on nav list
Liz wrote: [...] Actually it worked well until I tried a mouse-over. Then it collapses in a wierd way on IE on the PC. Sample is still at http://www.liztestsite.com/kh/sample.html Do I need to put that width other places as well? Hi Liz, Try to break the fish hooks of the list-items in the html: testpage http://home.tiscali.nl/developerscorner/css-discuss/test-listsample.htm. Then the fishes aren't swimming away in IE :-) Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE spacing problems on nav list
On 8/16/06 2:30 AM, francky [EMAIL PROTECTED] wrote: Liz wrote: [...] Actually it worked well until I tried a mouse-over. Then it collapses in a wierd way on IE on the PC. Sample is still at http://www.liztestsite.com/kh/sample.html Do I need to put that width other places as well? Hi Liz, Try to break the fish hooks of the list-items in the html: testpage http://home.tiscali.nl/developerscorner/css-discuss/test-listsample.htm. Then the fishes aren't swimming away in IE :-) Greetings, francky I'm not able to open your test page but I do have have a fix now from Mari that works well so I'm going to go with that. Thank you to everyone who offered help. Regards, Liz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] input question
Donna Jones wrote: Why does input have to be enclosed in a block level element though? It just occurred to me that maybe input is inline Well, I just consulted Eric's main css book and couldn't find an answer though it does look like input is a replaced element. So, does it have to do with inline and replaced elements not being in the clear? Consulting my old, but still mostly accurate, HTML4 reference: While INPUT is most useful within a FORM, HTML 4.0 allows INPUT in any block-level or inline element other than BUTTON. So it's not that limited in this case, it seems. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
Eystein Alnaes wrote: I would like to ask the list of its view on which technique seems more appropriate (read: trouble-free) for a large 3-column site with mostly dynamic contents. [...] The center column will be your typical corporate site, sometimes with one article spanning the whole width, other times with 2 or 3 smaller news items or similar next to each other. Also note that the site will have a fixed width, although I'm considering using an elastic layout. Regarding that, I'll also appreciate any comments on using keywords for fontsize as opposed to 'em'. All layout-methods one becomes comfortable with are mostly trouble-free. It's all those other stupid methods one can't get to work :-) This 'conditional elastic' is closest to your 1:, I think... http://www.gunlaug.no/tos/moa_12c.html It can take any number of columns (theoretically), and make them appear equal height in _most_ browsers - all new ones at least. Fixed, elastic, em-based, fluid or combined. Just restyle the main wrapper and you get whichever combination you want. It can also make IE6 behave in any combination. I think it is about as trouble-free as any layout around, but then again: I put together the darn thing, so I may not be objective ;-) I've personally found the percentage/em font-sizing to be most cross-browser reliable. In the 'conditional elastic' above you will have to avoid starting on html/body though. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari float problem
http://www.eystein.no/test/xrs/template_main.php http://www.eystein.no/test/xrs/Public/Styles/blocks.css Bringing up a old problem here, why aren't the three bottom containers (#block_x) aligning horisontal in Safari? Works in Firefox, and IE6 with some filters. It's the #wrapper div containing #block_1, #block_2 and #block_3. (I'm using the equal hight technique from position is everything.) Eystein __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with missing form on IE Mac and centering listbased menu??
Many thanks Philippe, I'll try those out. -- Cheers, Julian Voelcker Cirencester, United Kingdom __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Shrinking the Browser causes layout problems...
.m. aquilina wrote: Hi, I finally got my layout to work in IE, FireFox and Netscape (have yet to check in on Safari), and was feeling pretty excited about having figured out how to use css.. until I discovered that if i shrunk my browser, the content to the right shifted right over the left content. They overlapped on to each other. Is there some way of fixing this? Ideally if the browser was minimized I would like the page to still be legible by using the browser scroll on the bottom. I'm guessing from what I researched over the Internet it may have something to do with the position or float tag. If somebody could please direct me I'd super grateful. My layout is just a 2 column page with a boarder around it. Content on the left, and content on the right. Here's what my code looks like. [...] Hi M.! I pasted *) the code in a testpage http://home.tiscali.nl/developerscorner/css-discuss/test-shrinking-ori.htm. Main thing what is going wrong is the absolute positioning of the div's. Then the page cannot react on changings in window size and/or resolution. - The font size setting in px (also absolute value) is prohibiting the visitor to up- or downscale the font size in IE, if wanted/needed. Is this the kind of thing you mean? New testpage http://home.tiscali.nl/developerscorner/css-discuss/test-shrinking-new.htm. Direction: many links to good examples are on the css-d Wiki! Greetings, francky *) Now we have to make a page ourselves before we can see what is the question. Maybe you can upload a testpage next time, and give us the link? Guess it will speed up a reply! ;-) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Relative Positioning / Floats and Document Flow
Jason Manaigre wrote: http://test.iisd.org/revamp/ The issue is with the 'Our Knowledge' link it turns on a hidden div using JavaScript. The problem is, it takes up all space in the regular document flow, which is no good. I just want it to float. You're using visibility: hidden to hide the div, which makes it invisible, but still lets it take up space. Use display: none instead. However, you set it to display by default and use JavaScript on page load that hides it. This way, if someone has JavaScript disabled, they still can access the content. For information about how to do this, please turn to a general web development list, such as one of the ones listed here: http://css-discuss.incutio.com/?page=OffTopic Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ADMIN OFF-TOPIC Re: input question
Gunlaug Sørtun wrote: Donna Jones wrote: Why does input have to be enclosed in a block level element though? It just occurred to me that maybe input is inline Donna, Please remember that this list is for discussing CSS, not markup issues. Please take this discussion off the list or onto a list suited to it: http://css-discuss.incutio.com/?page=OffTopic Thanks, Zoe Gillenwater css-d list moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering text to graphical bullets.
On 8/15/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote:
Christy Collins wrote:
On Aug 11, 2006, at 3:20 PM, Rachel Wright wrote:
I have an unordered list with graphical bullets and I need to
center the
text vertically to the graphical bullets. How do I do this?
Something like:
li{
background: #fff url(image.gif) no-repeat 45% left;
}
tweaked to actually center the bullet
see:
http://css.maxdesign.com.au/listamatic/vertical05.htm
This works if the text is only one line long. If it wraps onto two or
more lines, the background image is going to be centered in regards to
the entire height of the list item, which is probably not what you want.
I recommend using a small em value, like .3em, to nudge your background
image down and keep it roughly centered with the first line of text no
matter how many more come after it.
I would like to try out Zoe's suggestion with an em; can someone show the
css using this technique - how would it change the suggested css code
offered above?
Thank you.
Debbie P.
--
Microsoft: You've got questions.
We've got dancing paperclips.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Relative Positioning / Floats and Document Flow
Hi Zoe, thanks for the info, works great BUT when the menu is clicked on, the hidden div opens, but pushes down the content, I want this window to simply float above the main content.. Any ideas? You're using visibility: hidden to hide the div, which makes it invisible, but still lets it take up space. Use display: none instead. However, you set it to display by default and use JavaScript on page load that hides it. This way, if someone has JavaScript disabled, they still can access the content. For information about how to do this, please turn to a general web development list, such as one of the ones listed here: http://css-discuss.incutio.com/?page=OffTopic __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ADMIN OFF-TOPIC Re: input question
Please remember that this list is for discussing CSS, not markup issues. Please take this discussion off the list or onto a list suited to it: http://css-discuss.incutio.com/?page=OffTopic Thanks, Zoe Gillenwater css-d list moderator Okay, Zoe, thanks. I think because I had used css to fix the issue, it became relavent (in my mind); but now that you bring it up, I can see where its primarily about mark-up. I'll try to think harder about the list I post to in the future. best Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image map in fluid layout and site check please
17. Re: image map in fluid layout and site check please (David Hucklesby) David, Thanks for the font-resizing tip. And thanks for those who gave a fix for the image map. That did it. Regards, Miki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering text to graphical bullets.
Debbie Pomerance wrote:
On 8/15/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote:
Christy Collins wrote:
On Aug 11, 2006, at 3:20 PM, Rachel Wright wrote:
I have an unordered list with graphical bullets and I need to
center the
text vertically to the graphical bullets. How do I do this?
Something like:
li{
background: #fff url(image.gif) no-repeat 45% left;
}
tweaked to actually center the bullet
see:
http://css.maxdesign.com.au/listamatic/vertical05.htm
This works if the text is only one line long. If it wraps onto two or
more lines, the background image is going to be centered in regards to
the entire height of the list item, which is probably not what you want.
I recommend using a small em value, like .3em, to nudge your background
image down and keep it roughly centered with the first line of text no
matter how many more come after it.
I would like to try out Zoe's suggestion with an em; can someone show the
css using this technique - how would it change the suggested css code
offered above?
Debbie,
Use something like this:
li{
background: #fff url(image.gif) no-repeat 0 .3em;
}
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Relative Positioning / Floats and Document Flow
Jason Manaigre wrote: regarding http://test.iisd.org/revamp2/ Hi Zoe, thanks for the info, works great BUT when the menu is clicked on, the hidden div opens, but pushes down the content, I want this window to simply float above the main content.. Any ideas? Float moves content to the left or right. It doesn't layer content over other content. Absolute positioning does. So, I suggest you modify your script so that it sets the div to absolute positioning and pushes it off the left side of the screen with a large negative left margin. The, when the button is clicked, the script changes that left margin to a positive number that will position it where you want it on the screen. Again, see another list for information on how to make this JavaScript work. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari with fieldset and float: left
In Safari this page: http://hank.org/demos/fieldset.html Looks like this: http://hank.org/demos/safari.png It's the float: left that seems to get the checkboxes out of the flow of the fieldset. Why doesn't the fieldset contain all the checkboxes? -- Bill Moseley [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS-D list display problem
Whether I display the most recent 40 messages or all messages for a month, they are all dated December 7 or 8, 2005. This makes it hard to follow threads and confusing when searching for the latest info. The View Month drop-down shows the correct month/year. It's been doing this for more than a month. Is this a problem I need to correct on my end? Thanks! CAsmussen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
Eystein Alnaes wrote: I would like to ask the list of its view on which technique seems more appropriate (read: trouble-free) for a large 3-column site with mostly dynamic contents. On Wed, 16 Aug 2006 12:22:03 +0200, Gunlaug Sørtun replied: [...] I've personally found the percentage/em font-sizing to be most cross-browser reliable. [...] But I have discovered that, with Windows set to 120 PPI, the 100% dimensioned text is 'normally' 16 pixels in Gecko, but 20 pixels in IE and Opera. Mostly not a problem, but it *may* cause floats to drop if you use ems to dimension or pad blocks horizontally. Cordially, David. -- www.hucklesby.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] layout inline elements in block
Hello wonderful list. I have a simple problem i think. I've tried for an hour to get a good solution. Basically i want a Heading bar that has the Heading TEXT left justified and menu links right justified. The number of links is unknown. here is sample html: h1 HEADING TEXT span class=heading_menuul li item1 li item2 ... /ul/span/h1 So it looks like: HEADING TEXT item1 item2 item3 The best solution I came up with is to set a big left margin on the span . But this does not right justify or compensate well for a few more menu items. Can someone show me a dynamic solution? Thank you. pjs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site that builds tableless- web standard sites - from your mock?
A while back Max design sent out one those great Links for Light reading (Hello Russ and Anna ) and there was a link to this website that will creeate a web standard site if you upload a psd -- Doeas anyone know that link? I looked for it in the light reading category list but can't seem to find it - - thanks http://www.XHTMLized.com ? to me, though, a standards compliant site is so much more than validating HTML and CSS. Off-topic though, so if that is the link, then let's leave it at that. -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
David Hucklesby wrote: [...] I've personally found the percentage/em font-sizing to be most cross-browser reliable. [...] But I have discovered that, with Windows set to 120 PPI, the 100% dimensioned text is 'normally' 16 pixels in Gecko, but 20 pixels in IE and Opera. Mostly not a problem, but it *may* cause floats to drop if you use ems to dimension or pad blocks horizontally. Yes, that is a problem, which in my mind isn't a problem at all if one do proper testing. After all: all designs should be able to take a fair amount of font-resizing at the user-end, without breaking apart. I personally test to 200% (or rather to destruction), regardless of PPI/DPI. Screen-resolution will only get higher, and all browsers will have to adapt to that (one way or another). So do we. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
On 8/16/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Screen-resolution will only get higher, and all browsers will have to adapt to that (one way or another). So do we. keep in mind that not everyone browses web sites with an actual browser as most of us think of browsers. cell phone browsing, pda browsing, and who-knows-what-else browsing won't go away either. i know my fiance is constantly on his cell phone looking up stuff. most likely, screen resolution will get smaller as well as bigger. ;) anyway, just don't forget the little people! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] layout inline elements in block
On 16/08/06, Peter Speltz [EMAIL PROTECTED] wrote: h1 HEADING TEXT span class=heading_menuul li item1 li item2 ... /ul/span/h1 Firstly, that's not valid HTML code. A block level element cannot sit inside an inline element. Better would be as follows: h1Foo/h1 ul libar/li (etc) /ul To achieve the effect you want, you could try simpy floating the h1 left. -- Olly http://thinkdrastic.net/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
cj wrote: On 8/16/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Screen-resolution will only get higher, and all browsers will have to adapt to that (one way or another). So do we. keep in mind that not everyone browses web sites with an actual browser as most of us think of browsers. cell phone browsing, pda browsing, and who-knows-what-else browsing won't go away either. i know my fiance is constantly on his cell phone looking up stuff. most likely, screen resolution will get smaller as well as bigger. ;) anyway, just don't forget the little people! That's a good advice :-) 'Small screen rendering' is left a little behind in most cases. Slightly wrong there though, as _screens_ will get both smaller and larger, while /available/ _screen-resolution_ will only get higher. I expect it to round off somewhere around 300PPI/DPI on normal screens, but I wouldn't be surprised if small screens will get/have an even higher resolution. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] layout inline elements in block
From: Peter Speltz [EMAIL PROTECTED]
Hello wonderful list. I have a simple problem i think. I've tried for
an hour to get a good solution. Basically i want a Heading bar that
has the Heading TEXT left justified and menu links right justified.
The number of links is unknown. here is sample html:
h1 HEADING TEXT span class=heading_menuul li item1 li
item2 ... /ul/span/h1
How about something like this?
h1 { position: relative; }
.heading_menu { position: absolute; right: 0; }
-Ann
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
I would like to ask the list of its view on which technique seems more appropriate (read: trouble-free) for a large 3-column site with mostly dynamic contents. You didn't say which dynamic application you're using. If it's Wordpress any version from 2.0 on, I'd stay away from any of the negative margin layouts. For whatever reason the sidebar code for navigation in wordpress behaves badly in versions 2.0 and above. Why? I have no clue. But I've fought with it enough to know I don't wanna fight it anymore. Both Ryan Brill's layout and Jello Piefecta have been problematical with Wordpress sidebar code in the latest versions, and it seems to be tied in some fashion to the version of php installed on the server. Much past that I can't say. If you are using Wordpress I suggest this layout here, which can be used for three column, or two column left or right nav. It's proven to be the most bulletproof and flexible for wordpress themes. http://www.pixy.cz/blogg/clanky/css-3col-layout/ Good luck. bj __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] extra space on the right side of column
I seem to have a problem that I do not understand why? http://www.quakercapecod.org/new/keynote2004.html is a simple one column page. As I was working on it I saw suddenly extra 2px(?) on the right side that should not be there. It was not there in the beginning, and nothing that I tried removed it, Thank you for any help, MJ __ 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 IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari screw up
If its any help, whatever was causing this has been fixed in the nightly builds of WebKit (the rendering engine behind Safari) and now renders correctly like in Firefox. On 8/15/06, Kenoli Oleari [EMAIL PROTECTED] wrote: Usually Safari is the browser that works for everything, but the following page works on Mac versions of FF and IE perfectly and completely breaks on Safari. I have validated both the xhtml and the CSS. Can anyone help me? It seems to be ignoring the div background colors and screwing up the absolute positioning. I've gone over and over the code, pulling sections and looking for small errors and can find nothing. http://www.communityassemblies.org/staging/index_nan.php (It has a php extension because there is some php code in it that I have removed, though it causes the same problem regardless of the extension or the code.) The styles that relate to the divs are included below. --Kenoli __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari with fieldset and float: left
On Wed, Aug 16, 2006 at 10:15:20AM -0700, Bill Moseley wrote: In Safari this page: http://hank.org/demos/fieldset.html Looks like this: http://hank.org/demos/safari.png Fixed now. Just needed to use the .clearfix trick on the fieldset (I had tried on a trailing br. -- Bill Moseley [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering text to graphical bullets.
On 8/16/06, francky [EMAIL PROTECTED] wrote:
Zoe M. Gillenwater wrote:
Use something like this:
li{
background: #fff url(image.gif) no-repeat 0 .3em;
}
Zoe
Yes, testpage
http://home.tiscali.nl/developerscorner/css-discuss/test-graphical-bullets.htm
!
:-)
francky
Thank you Zoe and Franky !!
dp
--
Debbie Pomerance
mailto [EMAIL PROTECTED]
Microsoft: You've got questions.
We've got dancing paperclips.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] extra space on the right side of column
jaklitsch maya wrote: I seem to have a problem that I do not understand why? http://www.quakercapecod.org/new/keynote2004.html is a simple one column page. As I was working on it I saw suddenly extra 2px(?) on the right side that should not be there. You didn't mention what browser you're using-- but I see the problem on IE6. I don't think it's your CSS, or even a whitespace issue (which was my first guess); it's something in your content DIV. Run your page through the W3 validator (http://validator.w3.org/) and fix the bugs it reports. I think it'll clear the problem up. Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
[...] But I have discovered that, with Windows set to 120 PPI, the 100% dimensioned text is 'normally' 16 pixels in Gecko, but 20 pixels in IE and Opera. Mostly not a problem, but it *may* cause floats to drop if you use ems to dimension or pad blocks horizontally. [/...] I agree with Gunlaug on this one, I figured it shouldn't be a problem if I base everything on em-values and test a couple of notches in both directions. Like 1em is 1em both on 72 PPI and 120 PPI. [...] keep in mind that not everyone browses web sites with an actual browser as most of us think of browsers. cell phone browsing, pda browsing, and who-knows-what-else browsing won't go away either. [/...] I think that makes an excellent point. We spend alot of time making sure it will work on e.g. screenreaders, although I believe the cellphone browsing audience is likely to be much larger. But to be honest, I wouldn't know how to fit a busy 3-column layout into a 1 x 2 screen, no matter the number of PPI... Are there any guidelines or sketched out ideas yet on this? [...] You didn't say which dynamic application you're using. If it's Wordpress any version from 2.0 on, I'd stay away from any of the negative margin layouts. [/...] It's a custom built PHP application, nothing opensource, or even purchasable. But just in case, I'll go for the opposite floats. Also because I have more experience building pages with them. Slightly OT, but I had a meeting with the client today, and he is actually quite CSS-savvy, and wants it to be assessable for visually impaired etc. That definitely made me happy :) He even asked for a high-contrast stylesheet. - Eystein __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problems with IE windows site check
It's been a while since a horrible move in 110 heat, heat stroke, etc. so now I'm back. http://jonesempowerment.com/ Could someone please look at this site which validates and tell me why the h2 block is slipping under the picture and a possible fix, and then let me know of any other problems you see. Thanks! -Scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] validating, yet problems
http://videointegrations.com/odyssey/ 1. I'm having problems with the red navigation menu slipping up or down as text is zoomed. 2. The bottom of the red nav menu won't grow with content (butt up against the darker gray Place Holder). Please help me get this solved for my client, which I'm already losing out on for my time. Thanks, scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Shrinking the Browser causes layout problems...
Thanks Francky. I learnt quite a bit from your test demo-page, and have a better grasp now on how to control the page layouts in browsers. You got my layout pretty bang on too! The line borders weren't quite in the right places, but because you explained everything so clearly in your test demo page, I managed to figure out how get them to work in the new layout. YOU ROCK! I will definitely post a link next time to make things easier. Still waiting to get the domain registered, so am testing locally at the moment. Am about to try inserting images now, so we'll see how that goes... -mary .m. aquilina wrote: Hi, I finally got my layout to work in IE, FireFox and Netscape (have yet to check in on Safari), and was feeling pretty excited about having figured out how to use css.. until I discovered that if i shrunk my browser, the content to the right shifted right over the left content. They overlapped on to each other. Is there some way of fixing this? Ideally if the browser was minimized I would like the page to still be legible by using the browser scroll on the bottom. I'm guessing from what I researched over the Internet it may have something to do with the position or float tag. If somebody could please direct me I'd super grateful. My layout is just a 2 column page with a boarder around it. Content on the left, and content on the right. Here's what my code looks like. [...] Hi M.! I pasted *) the code in a testpage http://home.tiscali.nl/developerscorner/css-discuss/test-shrinking-ori.htm. Main thing what is going wrong is the absolute positioning of the div's. Then the page cannot react on changings in window size and/or resolution. - The font size setting in px (also absolute value) is prohibiting the visitor to up- or downscale the font size in IE, if wanted/needed. Is this the kind of thing you mean? New testpage http://home.tiscali.nl/developerscorner/css-discuss/test-shrinking-new.htm. Direction: many links to good examples are on the css-d Wiki! Greetings, francky *) Now we have to make a page ourselves before we can see what is the question. Maybe you can upload a testpage next time, and give us the link? Guess it will speed up a reply! ;-) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with IE windows site check
[EMAIL PROTECTED] wrote:
http://jonesempowerment.com/
Could someone please look at this site which validates and tell me why
the h2 block is slipping under the picture and a possible fix, and then
Your page is behaving normally. You have a float (the div named banner
making up Ms. Jones' image) that is, basically, pushing the page's other
content to the right. When that div ends... no more pushing.
Two ideas:
1) Add a left margin to the h2 after the pic, like so:
h2 { margin-left: 240px; }
or (better option overall, imho)
2) Switch to a three-column layout. The portrait would be in the left
column. A simple one wouldn't take too long, like the glish.com technique:
http://glish.com/css/7.asp
More 3-column layouts on the Wiki:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
let me know of any other problems you see.
Lots of empty ps and br /s in your code. Using margins or padding
instead would give you more control, less unpredictability.
Adios,
Tim
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with IE windows site check
[EMAIL PROTECTED] wrote:
http://jonesempowerment.com/ Could someone please look at this site
which validates and tell me why the h2 block is slipping under the
picture and a possible fix, and then let me know of any other
problems you see.
Suggestions:
1: get rid of all spacers...
pbr /
/p
...etc. Instead, add some padding-top to the elements that need space.
2: add...
h2 {clear: left;}
...to make it stay below the image - and keep the list below from being
split up at larger window-widths.
3: add...
#content {
overflow-x: hidden;
}
...to avoid problems with the italic bug in IE/win. It's otherwise
especially annoying at narrow windows.
4: change padding on #content to...
padding: 0 0 0 .8%;
...to avoid the too early drop of #sidebar in IE/win. IE isn't good at
making percentages add up, and a padding in px (as you have now) doesn't
improve on its broken calculations.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Dynamic pages - scrollbar issues in Mozilla/safari
Hello everyone, new to this list, and i would consider myself an
imtermediate css developer, and have already looked for an answer to this
issue, and have had to luck.
The issue is - my dynamic page (PHP) is loading in information on this page,
and thus because of the amount of information it is loading from the
database, this creates the need to scroll. However, the page scroll bars
were greyed out on first attempt.
I then added this code to my styles sheet to see if I could fix the issue,
and all it does is scroll the background:
html { height: 100%; margin-bottom: 1px; }
body { overflow: scroll; visibility: visible; height: 5000px; }
On this page: http://haitianartmasters.com/artist_list.php
I created a scrolling class that will work on a specific table or area of
content.
.scroll { height: 450px; overflow:scroll; }
But what i would like to do, is just have the page itself scroll, this way
when i get to the product pages they will just list out...Please keep in
mind that the pages work fine in IE and Maxthon.
If anybody has any information on this, I would greatly appreciate it.
Thanks in advance!
--
Heather Woltz
http://home.comcast.net/~vwdreamer
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
[...] keep in mind that not everyone browses web sites with an actual browser as most of us think of browsers. cell phone browsing, pda browsing, and who-knows-what-else browsing won't go away either. [/...] I think that makes an excellent point. We spend alot of time making sure it will work on e.g. screenreaders, although I believe the cellphone browsing audience is likely to be much larger. But to be honest, I wouldn't know how to fit a busy 3-column layout into a 1 x 2 screen, no matter the number of PPI... Are there any guidelines or sketched out ideas yet on this? Here are a few links: http://www.howtocreate.co.uk/tutorials/css/mediatypes ...look for 'Special notes on handhelds' and 'the mobile browsers'. http://www.alistapart.com/articles/pocket/ http://css-discuss.incutio.com/?page=HandheldStylesheets http://www.gunlaug.no/contents/wd_1_05.html Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari with fieldset and float: left
On Aug 17, 2006, at 2:15 AM, Bill Moseley wrote: In Safari this page: http://hank.org/demos/fieldset.html Looks like this: http://hank.org/demos/safari.png It's the float: left that seems to get the checkboxes out of the flow of the fieldset. Why doesn't the fieldset contain all the checkboxes? I see you already fixed it. For the *why*: in Firefox and Opera, a fieldset establishes a new block formatting context [1], which, by definition, contains the floated objects/elements. Safari (and iirc Konqueror), iCab and iExploder don't do that. That is a bug in those browsers, imho. For more on form controls and block formatting contexts, there is an interesting bug in Gecko's Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=342531 read through the comments for explanations and definitions. Rendering of one the testcases as seen in a recent Gecko trunk build (what will be Firefox 3.0): http://dev.l-c-n.com/_img/Gecko-342531.png [1] http://www.w3.org/TR/CSS21/visuren.html#block-formatting http://dev.l-c-n.com/IEW/simulations.php Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari with fieldset and float: left
- Original Message - From: Bill Moseley [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Wednesday, August 16, 2006 11:15 AM Subject: [css-d] Safari with fieldset and float: left In Safari this page: http://hank.org/demos/fieldset.html Looks like this: http://hank.org/demos/safari.png It's the float: left that seems to get the checkboxes out of the flow of the fieldset. Why doesn't the fieldset contain all the checkboxes? The following link may provide some insight. The article concerns itself with divs but the same principles seem to apply. http://www.positioniseverything.net/easyclearing.html Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
