box height problem in Safari

Colm Osiris · #1 May 10th, 2007, 14:52

I have a table which has three rows of one cell each. I have specified the height of each cell by a class referring to an external stylesheet. There are two other classes which may be relevant, one in an internal stylesheet, and one referring to the same external stylesheet.

In Firefox and Internet Explorer 5.2 (the latest available for the Mac, as far as I know), these cells are displayed correctly, but in Safari, they cut off at the bottom of the text in the box, and are therefore not the correct height. Can anyone help me correct this, please?

This is the code:

<STYLE TYPE="text/css" MEDIA=screen>

</STYLE>
<tr class="rb2">
<td class="rbc">
<div class="squash">some text<br/></div>
<div class="squash">some more text<br/></div>
<div class="squash">yet more text<br/></div>
<div class="squash">guess what? some more text!</div>
</td>
</tr>

(I haven't wrapped it with

HTML: Select all

and

because if I do that, it all goes onto one line, making it really difficult to follow.)

This is the CSS:

Code: Select all

.rb2 { 
height: 133px; 
vertical-align: top; 
}

.squash { 
line-height: 85%; 
}

There are other differences, all with Internet Explorer not behaving properly, but I'll do one question at a time, or it'll get confusing!

Thanks in advance.

Stuart · #2 Oct 27th, 2007, 04:12

The code should look like this:

HTML: Select all

<head>
<STYLE TYPE="text/css" MEDIA=screen>
     <!-- .rbc { color: white; background-color: maroon; } -->
</STYLE>
<head>

<body>
<table>
<tr class="rb2">
     <td class="rbc">
          <div class="squash">some text<br/></div>
          <div class="squash">some more text<br/></div>
          <div class="squash">yet more text<br/></div>
          <div class="squash">guess what? some more text!</div>
     </td>
</tr>
<table>
</body>

The styles need to be in the head, and there needs to be a table tag. Also, it is not a good idea to put divs into a table element. Can't you do it another way?

Colm Osiris · #3 Oct 27th, 2007, 10:36

Thanks very much for replying to my question, but to be honest it was so long ago I've forgotten what I was trying to do! And yes, I do know that styles belong in the head (I usually use a separate file for them), but I was just trying to simplify my post. Apologies if it was oversimplified.

And thanks again anyway!

Stuart · #4 Oct 27th, 2007, 14:52

Alright. I was justed looking through the unanswered posts :: there are ones from March and April in there!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Real problem centreing images in Firefox/Safari...	JamesHatter	Web Page Design	2	Apr 10th, 2008 15:14
SAFARI / IFRAME / DIV IMAGE problem	shan	Web Page Design	1	Apr 10th, 2008 09:41
Navigation problem with Safari	cpando1974	Web Page Design	4	Oct 8th, 2007 15:45
Text box disable problem in Safari	Thanuja	JavaScript Forum	1	Jun 15th, 2007 14:21

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
box height problem in Safari