CSS not working

  • Thread starter Thread starter ThunderMusic
  • Start date Start date
T

ThunderMusic

Hi,
I have the some css (provided at the end of the post) and use it in my aspx
page (code provided at the end too): the problem is, the TDLeftBar class
should limit the width to a minimum of 150px but it does not work... Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine. What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******
 
You really shouldn't mix tables with CSS modifiers... that's really
disasterous. As soon as you switch that to a proper CSS layout (divs
'n stuff), it will all just fall together.
 
just change these 2..
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;

}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
}

100% and 1000 are conflicting thats the reason..
 
it didn't work... but thanks anyway...

Y2KPRABU said:
just change these 2..
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;

}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
}

100% and 1000 are conflicting thats the reason..
Click to expand...
 
thanks,
how can I change this kind of layer into divs? considering I want my page to
fill as much space as possible (that was the 100% on the table) and limit
the minimum width of some sections (that was the 1000px for the top bar)

Divs behave in a manner that if you put this :

<div>
top div
</div>
<div>
left div
</div>
<div>
content div
</div>
<div>
right div
</div>
<div>
bottom div
</div>


instead of all puting the divs one beside the other (from left to right), it
puts them one below the other (from up to bottom)... How can I tell the divs
"this one goes beside this other one and so on?

thanks

ThunderMusic
 
There are many things you could do... but just about all require Ph.D
in CSS. The triple column layout is considered the "holy grail" of
CSS. Just look for that type of layout and you will find some great
examples by the masters.

Btw... to put divs next to each other you can either flip them into
being inline (display: inline;) or you can set floating (float:
left;)... but that's not exactly what you want for this. Using floats
with relation and absolute position is what you need a Ph.D in CSS
for... crazy stuff, but oh so powerful...
 
I'll also mention something else...

I have a guy at work who somewhat works in a different department...
he's trying to learn ASP.NET but CANNOT (I think it's more like WILL
NOT) seem to accept ASP.NET. He's done ASP for so long he has no idea
how to let go of the manual nature (just about everyone who's done the
transition knows what that's like). His big problem though is that he
can't seem to accept ASP.NET because "it does it all for me, therefore
it's not powerful enough for the solutions I need". Obviously, he's
extremely naive with regard to ASP.NET. If he would just pay attention
to me when I teach databinding and notice all the events I can trap, he
would see that all the power is there...

In the same way most people who look at CSS when they only know table
formatting think of it as being impotent. They are used to their own
very old school development. The power of CSS is analagous to the
power of ASP.NET, or any other massive upgrade of systems. So, just as
ASP.NET does allow you to control and modify things with the same level
of power as ASP, CSS allows you to control and modify things with MORE
level of control than anything before. You can control how divs
render, how spans, render, how a ul/li list works, or anything to a
level that is unmatched anywhere else. Just do some research on CSS...
it's a bottomless pit of learning so don't go too far, you can learn
forever.
 
Back
Top