Re: [css-d] box bottom not where I expect it to be - SOLVED

[Kenneth Stephen]

On Dec 31, 2007 11:11 AM, Kenneth Stephen [EMAIL PROTECTED] wrote:
 Hi,

 Amazingly enough, the page renders as expected in IE6. I'm not
 getting the right rendering in Firefox 2.


Hi,

Thanks to a pointer I found on the list archive, I solved my
problem by addiing a float: left to the table that contained the
floats.

Regards,
Kenneth
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] box bottom not where I expect it to be

[Kenneth Stephen]

Hi,

Here is my test case:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
style type=text/css media=all

.report {
margin: 0em;
padding: 0em;
border-collapse: collapse;
}

.milestone-section {
margin: 0em;
padding: 0em;
border-collapse: collapse;
border-bottom: thin solid yellow;
}

.line-item {
margin: 0em;
padding: 0em;
border-collapse: collapse;
}

.milestone-row {
clear: left;
}

.milestone-name-row {
clear: left;
}

.line-item-entry {
clear: left;
}

.por-phase-row {
clear: left;
}

.li-desc-row {
clear: left;
}

.milestone {
float: left;
width: em;
}

.milestone-name {
float: left;
width: 9em;
padding-top: 1em;
}

.por-phase-desc {
float: left;
width: em;
}

.por-phase {
float: left;
width: 24em;
}

.li-desc {
float: left;
width: 24em;
}

.li-start {
float: left;
width: 8em;
}

.li-end {
float: left;
width: 8em;
}

.milestone-name {
float: left;
width: 8em;
}

.line-item-entry {
position: relative;
padding-top: 0.5em;
left: 8em;
width: 40em;
border-top: thin solid black;
}

.feature-details {
clear: left;
position: relative;
left: 10em;
width: 40em;
border-bottom: thin solid blue;
}

.por-phase {
float: left;
width: 24em;
}

.li-desc {
float: left;
width: 24em;
}

.li-start {
float: left;
width: 8em;
}

.li-end {
float: left;
width: 8em;
}

.feature-id {
float: left;
width: 5em;
}

.feature-abstract {
float: left;
width: 25em;
border-bottom: thin solid red;
}
/style
/head
body
div xmlns:fo=http://www.w3.org/1999/XSL/Format;
class=report
div class=milestone-row
div class=milestone
div class=milestone-section
div class=milestone-name-row
div class=milestone-nameFRS/div
/div
div class=line-item-entry
div class=por-phase-desc
div class=line-item
div 
class=por-phase-row
div 
class=por-phase28E K01/div
/div
div 
class=li-desc-row
div 
class=li-descUncapped utilization 

Re: [css-d] box bottom not where I expect it to be

[Kenneth Stephen]

Hi,

Amazingly enough, the page renders as expected in IE6. I'm not
getting the right rendering in Firefox 2.

Regards,
Kenneth
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] table layout using only CSS

[Kenneth Stephen]

Hi,

I'm working with the following test code:

html
head
style type=text/css media=all
.col1, .col2, .col3, .col4 {
float: left;
width: 10em;
}
/style
/head
body
div class=table
div class=row
div class=col1col1/div
div class=col2col2/div
div class=col3col3/div
div class=col4col4/div
/div
div class=row
div class=col1col5/div
div class=col2col6/div
div class=col3col7/div
div class=col4col8/div
/div
/div
/body
/html

What I see is col1 through col8 laid out on the same line, whereas
what I want to see is col1 through col4 on one line and col5 through
col8 on the next line. How can I do that?

Thanks,
Kenneth
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/