5 replies to this topic

[l3lueMage]

When I put text inside a div its all fine and dandy...but once I put the font inside a table its all big bold and hideous. I looked through my code so many times nowhere does it make it bold yet it comes out bold anyways...any IdeaS?

Inside div it looks like this:

"text here lalalalala"
then right when I copy it into a table using SAME EXACT CLASSES and everything
I get this
"text here lalalalala"

Any help would be great.

[saferwaters]

Whats in the stylesheet for each class? You say everythings the same, post the code, maybe we can pick up something you missed

[l3lueMage]

.news {
	font-family: Verdana;
	font-size: 12px;
}

thats the class I used, exactly the same class for the one in div and one in the table, though the one in the table comes up bold...

  <table width="414" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <th class="news" scope="col">Testing!</th>
    </tr>
  </table>

Thats what the table code looks like, the div one is fine but heres the div code

<div class="news" id="news">dfgdfgdf</div>

Edited by l3lueMage, 14 October 2005 - 07:11 AM.

[l3lueMage]

I figured it out, there was something in my code above all this causing it. Okay another question though, How do you make a div 100% of the hieght of the browser?

[rc69]

First, you need to make the parent element containing the div have a 100% height (and the element above that, and above that, etc...). Simply because if the top-level element is 20px high, and you tell an element in it to be 100% high, then what's 100% of 20px...?
So basically add this to your stylesheet:

html,body { height:100%; }
.class_for_div { height:100%; }

Also note, i believe XHTML does not allow the height element. Don't quote me, but also don't ask me for any work around if it really does not allow it (i believe coolaid would have the answer to that, if any).

[syndrome]

rc69, on Oct 14 2005, 10:07 PM, said:

First, you need to make the parent element containing the div have a 100% height (and the element above that, and above that, etc...). Simply because if the top-level element is 20px high, and you tell an element in it to be 100% high, then what's 100% of 20px...?
So basically add this to your stylesheet:

html,body { height:100%; }
.class_for_div { height:100%; }

Also note, i believe XHTML does not allow the height element. Don't quote me, but also don't ask me for any work around if it really does not allow it (i believe coolaid would have the answer to that, if any).

I think transitional allows it, btw you are using the thread tag like this:

<tr>
<th>blalalalala</th>
</tr>

should be:

<thread>
<th> balkalallalala</th>
</thread>