Re: [WSG] Overflow hidden and floated divs

Hi Stevio On 16 July 2010 00:41, Stevio wrote: > My question is why does it do this? I have looked up what overflow hidden is > meant to do and from what I read it sounds like the content should just get > clipped at the right hand side and not be shown. Why is it causing the box > to expand down

RE: [WSG] Overflow hidden and floated divs

retaining some element of design. Even works in IEv6. Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Stevio Sent: 15 July 2010 16:12 To: Web Standards Group Subject: [WSG] Overflow hidden a

Re: [WSG] Overflow hidden and floated divs

I asked a similar question back in February and this link helped explain it: http://www.quirksmode.org/css/clearing.html -jody On Jul 15, 2010, at 8:11 AM, Stevio wrote: > I have a row of floated list items inside a container with height 1.2em, > which is inside a parent div with a background

Re: [WSG] Overflow hidden and floated divs

Good afternoon Stevio, It was foretold that on 15/07/2010 @ 16:11:50 GMT+0100 (which was 12:11:50 where I live) Stevio would write: S> However, if I add "overflow:hidden;" to the parent div, then the rightmost S> list item still jumps down, but now the box expands down the way, so

Re: [WSG] Overflow hidden and floated divs

First: The use a Div with only an list inside, it's not necessary. Use directely the to do all you want with CSS. divless! Thanks for semantic Web Bechara -Mensagem Original- From: Stevio Sent: Thursday, July 15, 2010 12:11 PM To: Web Standards Group Subject: [WSG] Overflow h

[WSG] Overflow hidden and floated divs

I have a row of floated list items inside a container with height 1.2em, which is inside a parent div with a background colour. e.g. something like this (not the actual HTML of course ;) - If the floated list items were too wide, the rightmost list item jumped down beneath, b

Re: [WSG] overflow: scroll-y;

Sorry folks - problem solved, i found the anwser in the list- archives overflow-y:scroll; kevin mcmonagle wrote: Hi, Whats the method of setting the overflow of a div to scroll vertically only. I saw it here a long time ago but cant find anything online about it. I thought it was something

[WSG] overflow: scroll-y;

Hi, Whats the method of setting the overflow of a div to scroll vertically only. I saw it here a long time ago but cant find anything online about it. I thought it was something like overflow: scroll-y; but i cant remember. -thanks kevin *

Re: [WSG] Overflow and inheritance problems with a 2-column layout

Steve Olive wrote: :-) pony below I guess it's just a matter of trying to keep up the good ideals and getting more designers on board with XHTML served as XHTML & HTML. I'm actually surprised how many tutorials I see that use HTML 4.01 in computer magazines in 2006. If we can't convince the

Re: [WSG] Overflow and inheritance problems with a 2-column layout

On 18/02/2006, at 4:09 PM, Gunlaug Sørtun wrote:Just a question: is it "xhtml 1.0 which may be served as xhtml and/orhtml" or "html with an xhtml DTD, lowercase and slashes, and served ashtml" you are recommending?I have no problems with the former since I use it all the time, but thelatter is what

Re: [WSG] Overflow and inheritance problems with a 2-column layout

Thanks Georg - not least for the idea of blaming my keyboard! It's only the code that is for Google, the content is for humans but I'm interested in such an unpopular are of evolution that getting the css/html code right is quite important (cos I need all the help I can get). I'm offline in a

Re: [WSG] Overflow and inheritance problems with a 2-column layout

John Latter wrote: You've just started? Crikey - I must have the IQ odf a banana then! :) (see? I can't even spell "off"!) No apparent IQ problems at your end ;-) (must be the keyboard's fault...) Call me a slow starter... :-) ...as I've been handling bits and bytes and code since before they

Re: [WSG] Overflow and inheritance problems with a 2-column layout

Thanks Steve! The Firefox extensions will be useful (providing I understand what they do) - I also have HTML-Kit which I haven't used for ages. I recently downloaded a new version but have yet to find out how to put HTML Tidy into it again. Could I have a link to your template please? John S

Re: [WSG] Overflow and inheritance problems with a 2-column layout

On 18/02/2006 Gunlaug Sørtun wrote: John Latter wrote: > Thank you Gunlaug, I'm quite new to css and had to read your comments > several times before they even began to sink in! :-) ...and I've just started ;-) Just take your time and get the basics right from the beginning. Much easie

Re: [WSG] Overflow and inheritance problems with a 2-column layout

On 2/17/06, Steve Olive <[EMAIL PROTECTED]> wrote: > I would recommend using the XHTML 1.0 Transitional DTD instead of HTML 4.01 > - for the simple reason that there is a bit more tolerance for user-friendly > options but you are following the XML standards of lower case tags and > attributes, all

Re: [WSG] Overflow and inheritance problems with a 2-column layout

Steve Olive wrote: I would recommend using the XHTML 1.0 Transitional DTD instead of HTML 4.01 - for the simple reason that there is a bit more tolerance for user-friendly options but you are following the XML standards of lower case tags and attributes, all tags being closed, preferably CSS f

Re: [WSG] Overflow and inheritance problems with a 2-column layout

I would recommend using the XHTML 1.0 Transitional DTD instead of HTML 4.01 - for the simple reason that there is a bit more tolerance for user-friendly options but you are following the XML standards of lower case tags and attributes, all tags being closed, preferably CSS for positioning but table

Re: [WSG] Overflow and inheritance problems with a 2-column layout

John Latter wrote: Thank you Gunlaug, I'm quite new to css and had to read your comments several times before they even began to sink in! :-) ...and I've just started ;-) Just take your time and get the basics right from the beginning. Much easier to "kill" browser-bugs and work around lack o

Re: [WSG] Overflow and inheritance problems with a 2-column layout

Thank you Gunlaug, I'm quite new to css and had to read your comments several times before they even began to sink in! I chose the current Doctype largely out of ignorance but also because I believed that browsers would be more tolerant of bad/incorrent css coding - the word 'strict' made me r

Re: [WSG] Overflow and inheritance problems with a 2-column layout

John Latter wrote: http://evomech2.blogspot.com/2006/02/re-evomech-re-peer-review-and-genetic.html The first problem (which occurs on Firefox but not IE6) can be seen at the bottom of the above page where the sidebar text overflows into main content area. I have tried to fix it myself but with

Re: [WSG] Overflow and inheritance problems with a 2-column layout

Thanks for the info Drew - I'm just going offline but will have a look at the link when I get back. With regard to the 2nd problem (tt tags an' stuff) I haven't got any function at the moment.I thought if I could stop anything being inherited into the sidebar then that would solve the major p

Re: [WSG] Overflow and inheritance problems with a 2-column layout

On 2/16/06, John Latter <[EMAIL PROTECTED]> wrote: > http://evomech2.blogspot.com/2006/02/re-evomech-re-peer-review-and-genetic.html > > Its a 2 column layout and I think the relevant css code is: > > div#mainClm{float:right;width:66%;padding:30px 7% 10px > 3%;border-left:dotted 1px #E0AD12;} > di

[WSG] Overflow and inheritance problems with a 2-column layout

Hi, I'm new to css and would appreciate some help with the following two problems I've encountered in setting up a blog which can be seen here: http://evomech2.blogspot.com/2006/02/re-evomech-re-peer-review-and-genetic.html Its a 2 column layout and I think the relevant css code is: div#main

Re: [WSG] overflow

overflow: auto; /me scratches his head...I knew that. I did, really! I must have just spaced it. :) Thanks again. Works like a charm. --- Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > john wrote: > > I've never used "overflow" before, but I'm experimenting with > > possibly using it as a mean

Re: [WSG] overflow

john wrote: I've never used "overflow" before, but I'm experimenting with possibly using it as a means to contain a product listing within a page design (essentially keeping the page itself relatively short, but having the product listing scrolling within one of the divs). My question is...since ri

[WSG] overflow

Hello, group. :) I've never used "overflow" before, but I'm experimenting with possibly using it as a means to contain a product listing within a page design (essentially keeping the page itself relatively short, but having the product listing scrolling within one of the divs). My question is..

Re: [WSG] overflow: hidden not working...

Sorry nick, I think I didn't explain that right. It is GOOD because in a forum situation, I don't need to worry about closing tags that people forget to. Easier to code :) Nick Gleitzman wrote: On 8 Mar 2005, at 12:08 AM, Chris Stratford wrote: BTW forums are odd. What is the CSS equivalent whic

Re: [WSG] overflow: hidden not working...

On 8 Mar 2005, at 12:08 AM, Chris Stratford wrote: BTW forums are odd. What is the CSS equivalent which closes all tags... eg, you can have a table cell with this in it: TEST TEST only the 1st cell is BOLD... Weird. Not weird at all. Look up reference on 'correct nesting of tags' - inline styl

Re: [WSG] overflow: hidden not working...

Susanne Jäger wrote: Try adding: table.posts {table-layout: fixed;} I checked it with the "edit styles-Bookmarklet" and it works in Mozilla 1.8b, I'm not sure about cross-browser support. It does indeed work in FF 1.0,

Re: [WSG] overflow: hidden not working...

Hey Gunlaug, Thanks for that information :) I ended up settling with: img {max-width: 490px;} It degrades well - IE users get the crap. They can upgrade... to anything else. Thanks again! BTW forums are odd. What is the CSS equivalent which closes all tags... eg, you can have a table cell with this

Re: [WSG] overflow: hidden not working...

Chris Stratford wrote, On 07.03.2005 11:33: > http://www.simplyrewarding.net/forums/thread_20.html > > That thread is an example of a extreemly wide image. > WHY doesn't my forum table Clip the large image? > Where do I need the overflow: hidden??? Try adding: table.posts {table-layout

Re: [WSG] overflow: hidden not working...

Chris Stratford wrote: WHY doesn't my forum table Clip the large image? Where do I need the overflow: hidden??? Doesn't work on a table. A table will expand by default, and no style can prevent that-- at least not in any browser I've tested in. The only solution that'll work for you, is something l

[WSG] overflow: hidden not working...

Hey List, A question. I have setup my own custom forums here: http://www.simplyrewarding.net/forums/thread_20.html That thread is an example of a extreemly wide image. I know what you will say 1) tables.. and 2) if you logged in and saw that the form uses anchors instead of I just

Re: [WSG] Overflow on select or options

At 05:09 PM 9/12/2004, [EMAIL PROTECTED] wrote: I want a default width, i.e. all selects to be 250px, if there is overflow I want to see it... Taco, I think I accomplished your goal simply by nesting the select list inside a div with a constrained width and overflow: hidden:

Re: [WSG] Overflow on select or options

On 13/09/2004, at 10:09 AM, [EMAIL PROTECTED] wrote: I want a default width, i.e. all selects to be 250px, if there is overflow I want to see it... Then use min-width and realise that it'll work for everyone except IE :) --- Justin French http://indent.com.au **

Re: [WSG] Overflow on select or options

I want a default width, i.e. all selects to be 250px, if there is overflow I want to see it... On 12 Sep 2004 at 16:51, Paul Novitski wrote: > At 01:47 PM 9/12/2004, [EMAIL PROTECTED] wrote: > >I want the text to overflow if the value of the option is greater than the > >width... > > > > > sele

Re: [WSG] Overflow on select or options

At 01:47 PM 9/12/2004, [EMAIL PROTECTED] wrote: I want the text to overflow if the value of the option is greater than the width... > select, option > { > width: 250px; > overflow: visible; > } Taco, I think the default for most browsers is to render the select list widely enough to

Re: [WSG] Overflow on select or options

On Mon, 13 Sep 2004 06:47:39 +1000, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > so no one can give me an answer on this one? > Even whether it not at all possible? > > I want the text to overflow if the value of the option is greater than the width... Duuno, Taco. Anything to do with styling f

Re: [WSG] Overflow on select or options

so no one can give me an answer on this one? Even whether it not at all possible? I want the text to overflow if the value of the option is greater than the width... On 10 Sep 2004 at 13:59, [EMAIL PROTECTED] wrote: > > I have the following style > > select, option > { > width: 250px; >

Re: [WSG] Overflow on select or options

Thanks, but that did not do the trick either.. On 10 Sep 2004 at 16:10, Sean Naden wrote: > I don't beleive you want to set the width of the option, only the > select: > > select > { > width: 250px; > overflow: visible; > } > > > On 10/09/2004, at 3:59 PM, [EMAIL PROTECTED] wrote:

[WSG] Overflow on select or options

I have the following style select, option { width: 250px; overflow: visible; } but it still won't allow the select element below to overflow, anyone any ideas? I am sure I had this working at some stage, or is this some quirk in IE that makes it works sometimes, while it is not

Re: [WSG] overflow: auto;

Hi, It works in my safari :) On Monday, June 14, 2004, at 11:21 PM, t94xr.net.nz webmaster wrote: excellent example www.t94xr.net.nz/plinks/   Camz - Original Message - From: Chris To: [EMAIL PROTECTED] Sent: Tuesday, June 15, 2004 5:10 PM Subject: [WSG] overflow: auto; Hi, I the

Re: [WSG] overflow: auto;

Chris I use overflow : auto; to display text that requires its whitespace to be preserved - i.e the headers of an email message and the source of an email message. It's a fantastic thing in this instance, but don't go too wild - it can lead to confusion about what scrollbar needs to be used, a

Re: [WSG] overflow: auto;

On 6/15/04 12:45 AM "Rick Faaberg" <[EMAIL PROTECTED]> sent this out: > www.t94xr.net.nz/plinks/ > > Camz >> >>> I meant to say "I get the scrollbars but no arrow buttons to use for >>> scrolling." >>> >>> Rick Faaberg >> >> Can you use your wheel

Re: [WSG] overflow: auto;

On 6/15/04 12:29 AM "t94xr.net.nz webmaster" <[EMAIL PROTECTED]> sent this out: www.t94xr.net.nz/plinks/ Camz > >> I meant to say "I get the scrollbars but no arrow buttons to use for >> scrolling." >> >> Rick Faaberg > > Can you use your wheel

Re: [WSG] overflow: auto;

Title: Re: [WSG] overflow: auto; On 6/15/04 12:18 AM "t94xr.net.nz webmaster" <[EMAIL PROTECTED]> sent this out: Doesnt it?! http://www.danvine.com/icapture/detail/51923.html works ok on iCapture? Do we know they have 1.2.2? It still doesn't work on my 1.2.2 (v12

Re: [WSG] overflow: auto;

> >> www.t94xr.net.nz/plinks/ > >> > >> Camz > I meant to say "I get the scrollbars but no arrow buttons to use for > scrolling." > > Rick Faaberg Can you use your wheel on the mouse? Camz * The discussion

Re: [WSG] overflow: auto;

Title: Re: [WSG] overflow: auto; Doesnt it?!   http://www.danvine.com/icapture/detail/51923.html works ok on iCapture?    

Re: [WSG] overflow: auto;

On 6/14/04 11:54 PM "Rick Faaberg" <[EMAIL PROTECTED]> sent this out: >> excellent example >> www.t94xr.net.nz/plinks/ >> >> Camz >> >> >> Doesn't work in Safari, though? >> >> Rick Faaberg >> >> Which Safari? Works OK in 1.0.2 on 10.2.8... >> Nick > > 1.

Re: [WSG] overflow: auto;

On 6/14/04 11:46 PM "Nick Gleitzman" <[EMAIL PROTECTED]> sent this out: > excellent example > www.t94xr.net.nz/plinks/ > > Camz > > > Doesn't work in Safari, though? > > Rick Faaberg > > Which Safari? Works OK in 1.0.2 on 10.2.8... > Nick 1.2.2 I don't g

Re: [WSG] overflow: auto;

On Tuesday, June 15, 2004, at 04:29 PM, Rick Faaberg wrote: On 6/14/04 11:21 PM "t94xr.net.nz webmaster" <[EMAIL PROTECTED]> sent this out: excellent example www.t94xr.net.nz/plinks/ Camz Doesn't work in Safari, though? Rick Faaberg Which Safari? Works OK i

Re: [WSG] overflow: auto;

Title: Re: [WSG] overflow: auto; On 6/14/04 11:21 PM "t94xr.net.nz webmaster" <[EMAIL PROTECTED]> sent this out: excellent example www.t94xr.net.nz/plinks/ <http://www.t94xr.net.nz/plinks/> Camz Doesn't work in Safari, though? Rick Faaberg

Re: [WSG] overflow: auto;

excellent example www.t94xr.net.nz/plinks/   Camz - Original Message - From: Chris To: [EMAIL PROTECTED] Sent: Tuesday, June 15, 2004 5:10 PM Subject: [WSG] overflow: auto; Hi,I the process of a design that begs overflow: auto; what is the opinion on this

Re: [WSG] overflow: auto;

Well personally I prefer overflow: auto to frames, because frames slices up your document... I much prefer to have a single page - be just that... a single page, not a seperate document. Also you dont need to worry about stylesheets not applying to the frame etc... I havn't used frames since b

Re: [WSG] overflow: auto;

Some good reading / opinions on this here. ( esp. in Comments ) http://www.9rules.com/whitespace/design/iframes_vs_overflow.php Regards Chris Blown On Tue, 2004-06-15 at 15:10, Chris wrote: > Hi, > > I the process of a design that begs overflow: auto; what is theopinion > on this wonderful alte

[WSG] overflow: auto;

Hi, I the process of a design that begs overflow: auto; what is the opinion on this wonderful alternative to frames? "Computers need more Africa in them." -Brian Eno Chris

RE: [WSG] overflow IE problem

ors, and a dead cow for the canvass... woe is me -peace From: "7 sinz" <[EMAIL PROTECTED]> Reply-To: <[EMAIL PROTECTED]> To: [EMAIL PROTECTED] Subject: RE: [WSG] overflow IE problem Date: Fri, 12 Mar 2004 19:59:38 +1000 Its not a live site; im still working from my

RE: [WSG] overflow IE problem

my consectetuer purus. Suspendisse potenti. Fusce augue. Left side Right side © 2004 All Rights Reserved hope that clears things up a bit... From: "Peter Firminger" <[EMAIL PROTECTED]> Reply-To: <[EMAIL

RE: [WSG] overflow IE problem

Hi 7, Can you please supply a link to the page in question as well as the CSS file(s). In order to help we need to be able to see it in action in case there is something else in the code affecting or conflicting with it. This also lets us see what language and version you are using and whether or

[WSG] overflow IE problem

Hi; im trying to place a member login field on top of a ImageMapped Header... In mozilla i have it working perfect, but IE wont show the fields at all. #login{ overflow:hidden; width: 131px; color:#fff; font: 10px Verdana, Arial, Helvetica, sans-serif; height: 131px; background: url(loginback.gif)

Re: [WSG] Overflow... Help!

Chris Moz is actually doing the right thing here - with the height of 400px and overflow on. I took the overflow and height from outer-content and it works fine in Mozilla. You may then see the peekaboo bug pop in IE cause by the floating navigation - in which case set a height of 100% on oute

Re: [WSG] Overflow... Help!

Hey James, I want the information to flow on the page, not need scrolling... I want it to display on mozilla - how it displays now in IE... but Mozilla cut from the 400px ... and then everything is chucked on top of the footer... Chris Stratford [EMAIL PROTECTED] Http://www.neester.com Ja

Re: [WSG] Overflow... Help!

Chris Try overflow : auto; height : 400px; Cheers James Chris Stratford wrote: Hey WSG, Im looking for some help re: Overflow... Now I have my page: www.neester.com setup. The content frame cannot be less than 400px high... min-height: 400px; That works in Mozilla and a few other browsers - no

[WSG] Overflow... Help!

BTW - I have this link, but im not sure how to imlement it... and I would prefer not to use "hacks" to get it working... thanks http://www.greywyvern.com/code/min-height-hack.html -- Chris Stratford [EMAIL PROTECTED] Http://www.neester.com *

[WSG] Overflow... Help!

Hey WSG, Im looking for some help re: Overflow... Now I have my page: www.neester.com setup. The content frame cannot be less than 400px high... min-height: 400px; That works in Mozilla and a few other browsers - not IE... setting height: 400px... causes a full overflow of data... if i s

Re: [WSG] Overflow scrollbars

Thinking long and hard on this...   Yes, let's stick to Standards when creating sites, and leave the UI to the U :~)   Martin E. - Original Message - From: James Ellis To: [EMAIL PROTECTED] Sent: Wednesday, February 04, 2004 5:12 PM Subject: Re: [WSG] Ove

Re: [WSG] Overflow scrollbars

Martin E wrote: Hello,   Having said this, I do like the colorizing of scrollbars, as it makes for a "branding" of the site with the browser itself. But I can't see your branding... let the user have their widgets.   Just my 1 1/2 cents,   Martin E. **

Re: [WSG] Overflow scrollbars

Fair enough. However (gasp, the horror) if it works on some user's browsers, and doesn't stuff up the others, why the hell not? Peter (just a minute I can hear a knock at the door ... hello - oh help, it's the Validation Squad! ) :) On 05/02/2004, at 11:14 AM, James Ellis wrote: Peter Scrollbar

Re: [WSG] Overflow scrollbars

randing" of the site with the browser itself.   Just my 1 1/2 cents,   Martin E. - Original Message - From: Universal Head To: [EMAIL PROTECTED] Sent: Wednesday, February 04, 2004 3:53 PM Subject: Re: [WSG] Overflow scrollbars I've just used overf

RE: [WSG] Overflow scrollbars

: Thursday, February 05, 2004 10:53 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Overflow scrollbars   I've just used overflow:auto on a site and am very surprised about how well it works on a range of browsers too. No more inline frames perhaps ... These work on IEWin only too for a b

Re: [WSG] Overflow scrollbars

Peter Scrollbar is not in the CSS spec and should not be used - it's an MS "addition" to the CSS spec that messes with the user's UI widgets. Also, your CSS won't validate. Cheers James Universal Head wrote: I've just used overflow:auto on a site and am very surprised about how well it works

Re: [WSG] Overflow scrollbars

I've just used overflow:auto on a site and am very surprised about how well it works on a range of browsers too. No more inline frames perhaps ... These work on IEWin only too for a bit of scrollbar customising (discovered on www.squidfingers.com): scrollbar-track-color: #whatever; scrollbar-face-

Re: [WSG] Overflow scrollbars

John, Not really, position : fixed; is the way to go here if you want content to remain fixed in the viewport. Although Winternet Explorer doesn't support it. Cheers James John Penlington wrote: This is my first post.   I'm pleasantly surprised with the use of overflow: s

Re: [WSG] Overflow scrollbars

use overflow:auto and as long as your content isn't too wide... no horizontal scroll...   - Original Message - From: John Penlington To: [EMAIL PROTECTED] Sent: Thursday, February 05, 2004 2:09 AM Subject: [WSG] Overflow scrollbars This is my first

[WSG] Overflow scrollbars

This is my first post.   I'm pleasantly surprised with the use of overflow: scroll because it seems to be the W3C's answer to frames pages. Would I be right there?   Also I've noticed the vertical scrollbar is active, but the horizontal scrollbar is greyed out unless it has work to do.   Is