CSS Question? - نوشته شده در (1400 Views)
Advanced Member
JJenson
مطلب: 2121
2121
Ok I have a customer that no matter what I tell him wants tabular data in divs these are 2 big tables and I am having a beast of a time making this somewhat dynamic so that no matter what content is put it that it can grow. Some help would be much appreciated.
This is the code I have in an HTML page
Code:

 <div class="table">
<!-- Row 1 Start -->
<div class="rows">
<div class="t1Title">TIME</div>
<div class="r1t2"><strong><a href="design_track.html">Design Track</a></strong></div>
<div class="r1t3"><strong><a href="development_track.html">Development Track</a></strong></div>
<div class="r1t4"><strong><a href="business_track.html">Business & Legal Track</a></strong></div>
</div>
<!-- Row 1 End -->

<!-- Row 2 Start -->
<div class="subRows">
<div class="t1Main">8:00 - 10:30</div>
<div class="t2Main">Registration</div>
</div>
<!-- Row 2 End -->

<!-- Row 3 Start -->
<div class="subRows">
<div class="t1Main">8:45 - 9:00</div>
<div class="t2Main">Welcome/Opening<br />
<strong>Jonathon Stevens</strong>, Last Straw Productions</div>
</div>
<!-- Row 3 End -->

<!-- Row 4 Start -->
<div class="subRows">
<div class="t1Main">9:00 - 10:00</div>
<div class="t2Main">Indie Keynote<br />
<strong>Jay Moore</strong>, The Stategery Group</div>
</div>
<!-- Row 4 End -->

<!-- Row 5 Start -->
<div class="subRows">
<div class="t1Main">8:00 - 10:30</div>
<div class="t2Main">Break</div>
</div>
<!-- Row 5 End -->
</div>

This is my styles that are controlling the divs
Code:

/* Tables that are DIV's */
.table { width: 500px; float: left; }
.rows {float: left; width: 500px; height: auto; border: 1px solid #999;}
.subRows {float: left; width: 500px; height: auto; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;}

.t1Title {
float: left;
width: 95px;
height: auto;
text-align: center;
font-weight: bold;
border-right: 1px solid #999;
line-height: 35px;
}

.r1t2 {
float: left;
width: 125px;
height: auto;
text-align: center;
font-weight: bold;
padding: 0px 4px;
border-right: 1px solid #999;
line-height: 35px;
}

.r1t3 {
float: left;
width: 125px;
height: auto;
text-align: center;
font-weight: bold;
padding: 0px 4px;
border-right: 1px solid #999;
}

.r1t4 {
float: left;
width: 125px;
height: auto; 35px;
text-align: center;
font-weight: bold;
padding: 0px 4px;
}

.t1Main {
float: left;
width: 85px;
height: 100%;
text-align: center;
font-weight: normal;
padding: 5px;
border-right: 1px solid #999;
}

.t2Main {
float: left;
width: 384px;
height: auto;
text-align: center;
font-weight: normal;
padding: 5px;
}


You can see the result here:

http://client.logoworks.com/imgdc/schedule.html

As you can see everything looks ok until there are 2 lines of text then the border does not grow. I have no idea anymore how to get this to grow. Very Frustrating.

I found some techniques online that say to use display:table-cell and so forth but nothing works.
Any Ideas? <
 پیش‌فرض مرتب‌سازی برای تاریخ DESC به معنی جدیدترین است  
 تعداد در صفحه 
نوشته شده در
Forum Admin
HuwR
مطلب: 20611
20611
display:table-cell only works in FF.
Tell your customer that you are the web developer, you don't tell them how to run their business and they therefore have no business telling you how to do your job, it makes absolutley no difference to them or any one else or any thing else for that matter if it is in a table or a div. and strictly speaking since it is tabular data it has no place being anywhere else other than in a table.<
نوشته شده در
Advanced Member
Carefree
مطلب: 4224
4224
Well, cannot help make IE do something it's not designed for; but I looked at your code.
The Stategery Group
Was that supposed to be Strategy?
<
نوشته شده در
Support Moderator
Shaggy
مطلب: 6780
6780
I'm with Huw on this one, you're the programmer, it's your call as to how the site should be programmed. Ask your client if he stands over the chef's shoulder in a restaurant telling him how to cook his meal. If he wants to dictate how the site is programmed, tell him to piss off and build it himself.
<
Search is your friend “I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
نوشته شده در
Advanced Member
JJenson
مطلب: 2121
2121
I understand guys we have told him multiple times that divs have no place with tabular data. But the sales person who sold it to him told him we would build a 100% div site no tables whatsoever. So I am stuck here.
@ Carefree I just copy and paste text its their job to provide it to me correct. smile
I hate customers like this he even went as far to telling me that tables are not part of the web standards anymore. lol I got a kick out of that one then I passed the page as HTML Strict with the table in it from W3 and showed him they are perfectly standard. He didn't respond. So I am back at square one I have to do it all in divs. sad
Side note this is not a personal customer if it was I would kick him to the curb this is for my job so I really have to do what they say I am stuck.<
نوشته شده در
Forum Admin
HuwR
مطلب: 20611
20611
well, you should go to your customer and explain that your salesman is a tosser and he has no authority to tell a customer how a site will be written either, that is not the salesmans job, it is YOUR jonb to decide how a site should be written as you are the developer, and given the data/layout requirements of his site, it requires tables otherwise it will look stuff.
tables are definately part of the W3C CSS standards. http://www.w3.org/TR/CSS21/tables.html

it doesn't matter that it is your job, you must put your foot down now or you may just as well quit. What are they paying you for, your skills or just to be a muppet ?<
نوشته شده در
Advanced Member
JJenson
مطلب: 2121
2121
Yeah I actually went and talked to my boss about this. He is going to call the customer. The problem we have is if the sales person sold something like that the company policy is we bite the bullet on the one project and make sure it never happens again.

My boss said he will call and talk with the customer and basically explain to him why this needs to be done this way. It is ridiculous but I do have to do what my boss says and in the end if the customer will not budge then I will be stuck. I can't quit either not making enough on the side just yet tongue<
نوشته شده در
Support Moderator
Podge
مطلب: 3776
3776
So I am back at square one I have to do it all in divs.
Show the customer the problem with divs. Tell him he can have it done in divs with broken borders or without borders at all. Also suggest that it can be done properly with tables.

Always be polite to your customer & employer no matter how frustrating it is. They pay your wages. <
نوشته شده در
Forum Admin
HuwR
مطلب: 20611
20611
your skills or just to be a muppet ?
You always had a way with words HuwR. I just can't help it smile
It just beggars belief that people pay good money to employ you for your skills and then proceed to tell you how you should do your job, if they are qualified to have such an opinion, why are they employing you ?

oh yes, and ALL sales people should be gagged!!<
نوشته شده در
Advanced Member
JJenson
مطلب: 2121
2121
oh yes, and ALL sales people should be gagged!!

I agree with that for the most part my dad has been in sales his whole life but not like this he has sold products like Tyvek House wrap and stuff that requires real sales people not your car dealership vacuum sales people. I can't stand those ones.

Oh and as for being a muppet or whatever. I hate working for others that is why I am trying very hard to get my own stuff going so I can be employed by me smile

I really want to work for myself I just can't pull it off yet. <
نوشته شده در
Forum Admin
HuwR
مطلب: 20611
20611
I was primarily reffering more to the sales people that sell bespoke software development/web site development etc, for the most part they know zero about computers and even less about development and should therfore ALLWAYS be accompanied by someone who does actually have an understanding of what they are selling.<
شما باید یک متن وارد کنید