Forum Moderators: phranque

Message Too Old, No Replies

fancy frame borders

         

Sander

11:50 pm on Jul 1, 2003 (gmt 0)

10+ Year Member



I don't know why, but in Mozilla, my site looks as I intended it to look, but in Internet Explorer, it's all messed up.

Besides, I have another problem, when the content of one of those 'wings' gets too big, I'll get quite a messy layout. Does anyone have an idea on how to fix this?

(First post here, correct my style wherever necessary)

[edited by: oilman at 12:41 am (utc) on July 2, 2003]
[edit reason] url snipped [/edit]

oilman

12:43 am on Jul 2, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Sander - welcome to WebmasterWorld.

Can you please describe what is different between the browsers? Are you using css or table layout?

Sander

1:05 am on Jul 2, 2003 (gmt 0)

10+ Year Member



I'm using both, the difference is mainly thatinternet explorer doesn't seem to respect the width I assigned to the cell (19px), so the border doesn't fit seamlessly with the image.

broniusm

2:31 am on Jul 2, 2003 (gmt 0)

10+ Year Member



Sander- I believe IE defaults both cellpadding and cellspacing to *some* value (is it 2?). These can't be overridden in css, but you can pump them into the tables directly:
<table cellpadding="0" cellspacing="0">
...
</table>

Then, set your margins, css-padding, etc in the stylesheet.

Sander

9:15 am on Jul 2, 2003 (gmt 0)

10+ Year Member


yes but i've already given those
I'll give you the code for your comfort.

<table border=0 cellspacing=0 cellpadding=3 width="80%" align="center">
<tr>
<th colspan=5>
<?php echo($row["titel"]);?>
</th>
</tr>
<tr>
<th style="width: 30%; padding: 0px; height: 21px; border-right: 0px; border-top: 0px">
<?php
//phpcode goes here
?>
</th>
<td style="width: 19px; height: 21px; padding: 0px; background-color: #3B6EB3; background-image: url('images/rechterhoek.gif'); background-repeat: no-repeat; background-position: right center">&nbsp;</td>
<td>&nbsp;</td>
<td style="width: 19px; height: 21px; padding: 0px; background-color: #3B6EB3; background-image: url('images/linkerhoek.gif'); background-repeat: no-repeat; background-position: left center">&nbsp;</td>
<th style="width: 30%; padding: 0px; height: 21px; border-left: 0px; border-top: 0px">Admin</th>
</tr>
<tr>
<td class="content" style="text-align: justify" colspan=5>
<?php echo(parse($row["tekst"]));?>
</td>
</tr>
</table>