[css-d] Layout problems: nav height, position of main content

Dear List, Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-simple.css Confession: based on inherited code, as it needs to fit with a family of existing sites. I've stripped out as much as I can to try to simplify things. Problems (as

Re: [css-d] Layout problem in IE

Remy Merriex wrote: This is a repost of a problem I had last week, I got no responses so I thought I'd try one more time. The original post is below, thanks! Try to rephrase instead of reposting. 75% of these list's postings are due to a Layout problem in IE.

Re: [css-d] IE6 Win jumping content after hovering

Hi Erik, one more of those strange haslayout problems. Adding: * html div#SOWrap, * html div#innerColumnContainer { height:0.1%; } to your css should solve the problem. regards Rainer __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Layout problem in IE

Ingo Chao wrote: Remy Merriex wrote: [http://www.pdsxp.com/bov/wow.html The offset problem is due to the positioning and floating of the images, I think. A border on the top-right212.gif shows that IE tries to align the container alongside these floats. Can be solved by adding: * html

[css-d] (no subject)

Hi, does anyone know how I can disable text-selection in opera 8.5 or greater? I am already using this for mozilla but can't find any way to do it for opera 8.5 .noselect { -moz-user-select: none; -khtml-user-select: none; user-select: none; } thanks, criss

Re: [css-d] disabling text selection in Opera

vxcriss wrote: Hi, does anyone know how I can disable text-selection in opera 8.5 or greater? I am already using this for mozilla but can't find any way to do it for opera 8.5 .noselect { -moz-user-select: none; -khtml-user-select: none; user-select: none; } thanks, criss

[css-d] absolute positioning??

Hey, I'm trying to build a daily schedule view which will have schedules from 6am - 10pm. I'm not sure if this is the correct approach so I'm asking for help... I was thinking of using a table with 3 columns, 1 column for the name, 1 column for job title and 1 column for their daily schedule. I

[css-d] Background image - spanning multiple table cells?

Hey all, I'm CSS-ifying this design: http://www.multiblah.com/exps/css/search_results_markup/markup_how.gif When I apply a BG image to a TR though, it works in Firefox, but in IE it wont span the whole way accross. It repeats itself in each cell. Any suggestions on how to avoid this, and keep

Re: [css-d] absolute positioning??

A better approach might be to create a class, call it .task. Then the rule might be td .task {background-color:blue;text-align:center;}. And then your HTML would be: td width=640px class=task Greg Morphis wrote: Hey, I'm trying to build a daily schedule view which will have schedules from

Re: [css-d] relative fonts

Thank you all! those links really helped me! :) cheers! Ricardo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org --

[css-d] Vertical centering in a table cell using CSS

Is there a way to vertically center content in a table cell using CSS (not HTML)? Sam __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported

Re: [css-d] Vertical centering in a table cell using CSS

Is there a way to vertically center content in a table cell using CSS (not HTML)? A CSS table cell or an HTML table cell? CSS: [assume markup - div class=vcenter] .vcenter {display: table-cell;vertical-align: middle;height: 100%;} HTML: [assume markup - td class=vcenter] .vcenter

[css-d] CSS and a DIV

The below pseudo code basically hides and displays a div Can I with CSS do the same thing without using JavaScript. I actually want to hide and show a div with a nested form that has one text input in it. Problem is I want to show it in the middle of the page. I want it to hide when the

Re: [css-d] float margin bug question

Gunlaug Sørtun wrote: Brian J. Creasy wrote: Hey all. This isn't the first time that I've run into this problem, but I've never taken the time to look into how to fix it. This time, I need to fix it for good. http://genetik.caffeine.nu/test/floatmargin.html It's the 3px bug, and it

[css-d] database tabular data

How do I layout css div's to display multi columm tablular data from a database. Up until now I've used tables within an asp loop, with tr/tr or each row and td/td for each column. Ideas for a css layout would really help. Regards Pete - Email sent

Re: [css-d] Vertical centering in a table cell using CSS

okay, so slightly OT here... could someone explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of divs acting like tables and table cells? thanks! Is there a way to vertically center content in a

[css-d] Odd background image behavior, mystery margin

Hi there, I'm trying to finish up a redesign of my site and I have 2 issues I cannot for the life of me solve. The two may be related. Take a look at the site at: http://www.pixelmech.com/ (site) http://www.pixelmech.com/wp-content/themes/orangey/style.css (css) You'll note the pixelmech

Re: [css-d] database tabular data

[EMAIL PROTECTED] wrote: How do I layout css div's to display multi columm tablular data from a database. Up until now I've used tables within an asp loop, with tr/tr or each row and td/td for each column. Ideas for a css layout would really help. Tabluar data is SUPPOSED to go in a

Re: [css-d] Odd background image behavior, mystery margin

http://www.pixelmech.com/ (site) http://www.pixelmech.com/wp-content/themes/orangey/style.css (css) You'll note the pixelmech logotype has a gradation behind it, and that it is spaced some distance down from the top of the page html, body {margin: 0;padding: 0;} the bg image will jump

Re: [css-d] Abs. positioned element breaks drop-down menu

Laura Valentino wrote: ... when you rollover Neurology, you can only go down 2 items before it disappears): http://www.neurocarelaunches.com/learningex/learningex_neuro_EEG_test2.htm A red background for the sidebar visualizes the problem. #menu { ... position:relative; z-index:1} Don't

Re: [css-d] Vertical centering in a table cell using CSS

CJ Larson wrote: Is there a way to vertically center content in a table cell using CSS (not HTML)? A CSS table cell or an HTML table cell? This is a td cell CSS: [assume markup - div class=vcenter] .vcenter {display: table-cell;vertical-align: middle;height: 100%;} This doesn't

Re: [css-d] Vertical centering in a table cell using CSS

This doesn't seem to center vertically in either IE 6 or Firefox... Do you have a sample page online? I noticed you cut out the HTML td example from my original reply and only left in the CSS one. Are you sure you were using the right example? The full code for my td table was more like this

Re: [css-d] safari drop down css menu quirk

Owen Williams wrote: .. After I hover over a list item once, it stays where Safari thinks it should be until I refresh. http://dev.friendsofmatthew.org/ I do not understand this rule, and removing it seems to stop it at my end: #topnavbar li ul { top: auto; left: auto; } Ingo --

Re: [css-d] absolute positioning??

here's a screen shot of what I'm trying to dupe.. Thanks! http://home.alltel.net/omen/schedule_example.jpg On 12/7/05, Greg Morphis [EMAIL PROTECTED] wrote: Hey, I'm trying to build a daily schedule view which will have schedules from 6am - 10pm. I'm not sure if this is the correct approach

Re: [css-d] absolute positioning??

On 07/12/05, Greg Morphis [EMAIL PROTECTED] wrote: Hey, I'm trying to build a daily schedule view which will have schedules from 6am - 10pm. Tabular data. thead tr!-- hour -- th rowspan=2Employee/th th colspan=46 AM/th th colspan=47 AM/th !-- etc -- /tr tr th0/th th15/th !-- etc

Re: [css-d] Odd background image behavior, mystery margin (solved)

--- CJ Larson [EMAIL PROTECTED] wrote: html, body {margin: 0;padding: 0;} Aaugh..how in the world did I miss that one. I was playing around with default styles so I didn't set it. Thanks for pointing that out. Might be the collapsing margins we've been seeing a lot on the list. :)

Re: [css-d] absolute positioning??

Greg Morphis wrote: here's a screen shot of what I'm trying to dupe.. Thanks! http://home.alltel.net/omen/schedule_example.jpg I may not speak for everyone here, but I would use a table for this. Every half-hour is a data cell, and use the proper colspan's as necessary. Can it be done in

Re: [css-d] absolute positioning??

okay so using the tables would it allow for multiple enteries on the same day? Thanks! On 12/7/05, Brian Cummiskey [EMAIL PROTECTED] wrote: Greg Morphis wrote: here's a screen shot of what I'm trying to dupe.. Thanks! http://home.alltel.net/omen/schedule_example.jpg I may not speak for

[css-d] Need help figuring out how to implement a page layout

Hey Everyone, I'm having a really hard time trying to decide how I'm going to build a site for work. I am making a huge effort here to do this in CSS and not use any browser hacks so it's a bit of a frustration for me because I'm really used to working with tables and know how they react. For

Re: [css-d] Vertical centering in a table cell using CSS

Why do you need this style=height: 100%;vertical-align: middle; at all? Isn't the default for vertical alignment in a cell center? If you don't do anything, and haven't set anything in your CSS, the cell should be vertically centered by default. Marjorie MacDonald --- CJ Larson [EMAIL

Re: [css-d] absolute positioning??

Oh and how would I add the words to it? like Work or Vacation using a table? On 12/7/05, Greg Morphis [EMAIL PROTECTED] wrote: okay so using the tables would it allow for multiple enteries on the same day? Thanks! On 12/7/05, Brian Cummiskey [EMAIL PROTECTED] wrote: Greg Morphis wrote:

Re: [css-d] absolute positioning??

Greg Morphis wrote: okay so using the tables would it allow for multiple enteries on the same day? Thanks! This doesn't seem like a coding problem but rather a business logic problem?? For example, how can someone be on vacation, and in a meeting at the same time?

Re: [css-d] absolute positioning??

Greg Morphis wrote: Oh and how would I add the words to it? like Work or Vacation using a table? table tr td colspan=2 class=onvacationVacation/td /tr /table __ css-discuss [EMAIL PROTECTED]

Re: [css-d] absolute positioning??

Okay thats cool.. BTW they wouldnt be doing 2 things at once.. but like Meeting from 10-1 and then vacation from 2-6.. multiple things on the same day. Thanks On 12/7/05, Brian Cummiskey [EMAIL PROTECTED] wrote: Greg Morphis wrote: Oh and how would I add the words to it? like Work or Vacation

[css-d] list-style: isn't styling in IE6...

I've got this page http://voices.wykids.org/ecds/ with stylesheets http://voices.wykids.org/stylesheets/main.css http://voices.wykids.org/stylesheets/ie.css This page contains several unordered lists but I'm unable to get list-style: to display _any_ type in IE. FF

Re: [css-d] absolute positioning??

On 07/12/05, Greg Morphis [EMAIL PROTECTED] wrote: Oh and how would I add the words to it? like Work or Vacation using a table? By putting the text in the table data cell that spans the columns headed by the times that the event occurs. On 12/7/05, Greg Morphis [EMAIL PROTECTED] wrote:

Re: [css-d] list-style: isn't styling in IE6...

On Wed, 7 Dec 2005, Jeff Ross wrote: I've got this page http://voices.wykids.org/ecds/ with stylesheets http://voices.wykids.org/stylesheets/main.css http://voices.wykids.org/stylesheets/ie.css This page contains several unordered lists but I'm unable to get

[css-d] Using the list [WAS Re: Image layout]

Chris Leversuch wrote: Ian Young wrote: Many apologies for this. Due to a malfunction with Outlook I have lost a bunch of emails from the discussion forum. Couple of weeks ago there was an interesting thread on image layout. Have you looked through the archives? The private[1] one is

Re: [css-d] how to bottom align a floated element

Lori K. Brown wrote: I'm getting the hang of using floated elements, slowly. New problem: Containing div is 200 px tall, has a left floated div and a right floated div that are as tall as the containing box. That's working ok. I need to add another div which is much shorter. Is there a way to

[css-d] display: table-cell --- why?

I posed this question on another thread, but as Micky wisely pointed out, that be hijackin' a thread... so... Could someone please explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of using divs that

Re: [css-d] display: table-cell --- why?

... Could someone please explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of using divs that act like tables and table cells? ... Because when you change your mind and don't want that table behaviour

Re: [css-d] display: table-cell --- why?

On 07/12/05, Rolf Mortenson [EMAIL PROTECTED] wrote: Like, why wouldn't you use a table instead of using divs that act like tables and table cells? It's so that you can have all the advantages of a table style layout (easy multi-column layouts, footers that clear all of the columns,

Re: [css-d] display: table-cell --- why?

On 07/12/05, Rimantas Liubertas [EMAIL PROTECTED] wrote: Of course, if you are dealing with tabular data then fiddling with divs does not make much sense. Oh of course. If you're working with tabular data, use a table element. It's common sense :) -- Olly http://thinkdrastic.net/

Re: [css-d] display: table-cell --- why?

Could someone please explain the use of display:table-cell? Simply put (be careful, because the explanation is s simple it may be confusing), it's the display property of table-cells. It may very well be that no other element will ever need to have that property applied to it but table

Re: [css-d] display: table-cell --- why?

Any thoughts on the CSS compatibility/browser support of display: table-cell;? If you use it, should you also be thinking about adding filters to other browsers that do not understand it? Thanks. :) M -- ¸.·´¯`·.¸¸(((º`·.¸¸.·´¯`·.¸¸º ·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸º

[css-d] Site Check Please

I have a site I am working on and it is a WordPress template used as-is per client request. I don't currently have Win/IE 5.x available to test the site layout. I am told the site breaks unpleasantly in Win/IE 5.x and some assistance would be appreciated. Presently, I have tested the site

[css-d] preventing div leakage?

I'm trying to convert an expandable (I think you guys use the term fluid?) table-based design to divs. One thing that's becoming a problem for me is that some cells (now divs) contain fixed-size elements such as images. When I shrink the browser window size, the table based design shrinks down as

[css-d] DHTML Question

Hi, This is my first post, so I'm a bit nervous - but here goes: I am making use of the DHTML concept of setting a value to an element using the input name of the element, e.g.: document.forms[0].object.value = test; (where 'object' is the input name of the element) My question is:

Re: [css-d] display: table-cell --- why?

Rolf Mortenson wrote: Could someone please explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of using divs that act like tables and table cells? Here's another reason that hasn't been pointed out

Re: [css-d] Site Check Please

Joshua Roark wrote: I have a site I am working on and it is a WordPress template used as-is per client request. I don't currently have Win/IE 5.x available to test the site layout. I am told the site breaks unpleasantly in Win/IE 5.x and some assistance would be appreciated. Presently, I

[css-d] css-discuss wiki

Don't know if this is the correct place to post this, but the css-discuss wiki http://css-discuss.incutio.com/ can't be accessed from where I am (shanghai, china). It gives me a 403 Forbidden error, so I know i'm able to at least reach the server. I tried going through tor and it works. Is there

Re: [css-d] IE 6.0 text indent issue -Newbie

Mindy wrote: Hi I have an issue with IE 6 in this navigation, it's causing the first line of text to indent and I can't sort out how to solve it. I know that if I set text-indent in the style sheet to -23px the problem is resolved in IE 6, but it causes the text to be up against the left side of

Re: [css-d] disabling text selection in Opera

On 12/8/05, Zoe M. Gillenwater [EMAIL PROTECTED] wrote: vxcriss wrote: Hi, does anyone know how I can disable text-selection in opera 8.5 or greater? I am already using this for mozilla but can't find any way to do it for opera 8.5 .noselect { -moz-user-select: none;

[css-d] Hiding rules from FF1.07 on a Mac

Hi, Are there any hacks for hiding rules from FF1.0.7 on a Mac running OSX (latest version)? I have a complex layout that requires a div to be set as position:relative to work correctly but in FF on the Mac it doesn't display. If I strip out the position:relative it works fine on the Mac,

[css-d] Fixed positioning workaround

I'm trying to implement a fixed positioned header and left column workaround in a test page that will work in IE and FF. It works in FF nicely, and it's on it's way to working in IE, but I just can't get it to work perfectly. The test page can be found here: http://www.epiphanize.com/Test.htm

[css-d] strange ff1.5 behaviour

A site that I am working on is behaving strangely in Firefox 1.5 (from XP or Win2K). When clicking one of the top navigation buttons, the last button wraps to the next line. In Firefox 1.07, and IE 6, the buttons behave as expected. Also tested from a Linux box in Konqueror and FF 1.07, and

Re: [css-d] strange ff1.5 behaviour

Ray wrote: Firefox 1.5. The site is currently here: http://re.ality.org/wordpress The Teen Scene button is the one that wraps when any button in the top menu is clicked. You've created that menu too tight :-) Any ideas as to fixing this behaviour? This should do, and make the natural

Re: [css-d] strange ff1.5 behaviour

Awesome! That fixed it nicely ... I was thinking it was something to do with the a:active, and not paying close enough attention to the containers :) Thank you, Ray Gunlaug Sørtun said the following on 12/7/2005 11:40 PM: Ray wrote: Firefox 1.5. The site is currently here:

Re: [css-d] display: table-cell --- why?

Rolf Mortenson wrote: Could someone please explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of using divs that act like tables and table cells? Choan C. Gálvez posted this nice example of a

Re: [css-d] Hiding rules from FF1.07 on a Mac

Can't answer your question, but do you have an URL at hand? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ --