Got a question, hopefully someone can help. I have an app using XHTML, CSS and
tableless design. The page I am having fits with (meaning it works
differently in IE/FF/NN/Moz) has 3 columns of data in it, and is broken into
sections, and it looks like this (hope the wrap in email does not kill this!)
Each item in the column is in it's own div, with the width set to XX pixels and
set to float:left. Since only 3 columns will fit in the space, the 4th item
breaks to the next row ad infinitum...so when I am outputting the data I am
just outputting 1,2,3,4,5,6,7... and css handles the layout for me.
SECTION 1
COLUMN1 COLUMN2 COLUMN3
ITEM 1 ITEM 2 ITEM 3
ITEM 4 ITEM 5 ITEM 6
ITEM 7 ITEM 8 ITEM 9
ITEM 10 ITEM 11 ITEM 12
SECTION 2
ITEM 1 ITEM 2 ITEM 3
ITEM 4 ITEM 5 ITEM 6
ITEM 7 ITEM 8 ITEM 9
ITEM 10 ITEM 11 ITEM 12
SECTION 3
ITEM 1 ITEM 2 ITEM 3
ITEM 4 ITEM 5 ITEM 6
ITEM 7 ITEM 8 ITEM 9
ITEM 10 ITEM 11 ITEM 12
Everything works just fine, except in IE6/Win...?The section headers do not
display... BUT, if you scroll up/down, each header that disappears off screen
and then returns will display, or if you wipe your cursor on the screen, they
display, and will kind of stay...but once you mouse over the nav menu (not in
the code) it disappears again...
If anyone has any ideas, I am open to try them...Code is below so you to can
experiment and experience the frustration...<grin>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-859-1">
<title>Untitled Document</title>
<style type="text/css">
body {background-color: white;margin: 1px 1px 1px 1px;}
#main {font: .75em Verdana, Geneva, Arial, Helvetica, sans-serif;width: 750px;}
#content {background: #F6F6F6;margin-bottom:
10px;margin-left:130px;margin-right: 3px;border: 1px solid
#FFCF6F;padding:5px;font-size: 1em;overflow:
visible;}
.outby3 {padding: 3px;float: left;width:
190px;border-left-width:1px;border-left-style: solid;border-left-color:
#000000;display: inline;} #content
div.SecTitleHd,h1 {font-weight: bold;font-size:1.25em;color:
#0033CC;text-align: center;border-bottom: medium solid #0033CC;padding-bottom:
4pt;margin-bottom: 8pt;padding-top:16pt;display: block;}
</style>
</head>
<body>
<div id="main">
<div id="content">
<div class="SecTitleHd"><a name="c4">User group 1</a></div>
<div class="outby3"><a href="xxx.cfm?id=3">Subscriber
1</a></div>
<div class="outby3"><a href="xxx.cfm?id=4">Subscriber
2</a></div>
<div class="outby3"><a href="xxx.cfm?id=5">Subscriber
3</a></div>
<div class="outby3"><a href="xxx.cfm?id=3">Subscriber
4</a></div>
<div class="outby3"><a href="xxx.cfm?id=4">Subscriber
5</a></div>
<div class="outby3"><a href="xxx.cfm?id=5">Subscriber
6</a></div>
<div class="outby3"><a href="xxx.cfm?id=3">Subscriber
7</a></div>
<div class="outby3"><a href="xxx.cfm?id=4">Subscriber
8</a></div>
<div class="outby3"><a href="xxx.cfm?id=5">Subscriber
9</a></div>
<div class="SecTitleHd" style="clear:left;"><a name="c4">User
group 2</a></div>
<div class="outby3"><a href="xxx.cfm?id=3">Subscriber
1</a></div>
<div class="outby3"><a href="xxx.cfm?id=4">Subscriber
2</a></div>
<div class="outby3"><a href="xxx.cfm?id=5">Subscriber
3</a></div>
<div class="outby3"><a href="xxx.cfm?id=3">Subscriber
4</a></div>
<div class="outby3"><a href="xxx.cfm?id=4">Subscriber
5</a></div>
<div class="outby3"><a href="xxx.cfm?id=5">Subscriber
6</a></div>
<div class="outby3"><a href="xxx.cfm?id=3">Subscriber
7</a></div>
<div class="SecTitleHd" style="clear:left;"><a name="c4">User
group 3</a></div>
<div class="outby3"><a href="xxx.cfm?id=3">Subscriber
1</a></div>
<div class="outby3"><a href="xxx.cfm?id=4">Subscriber
2</a></div>
<div class="outby3"><a href="xxx.cfm?id=5">Subscriber
3</a></div>
<p style="clear:both;"> </p>
</div>
</div>
</body>
</html>
TIA
MikeG
______________________________________________________________________
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/
