Webmaster Forum / HTML, CSS, Scripts / CSS / September 2006

I want to put a simple padding on the right hand side of my text
container to stop the text from overflowing out of the box.  Ive added
a padding-right rule and it refusing to recognise it in either IE or
Firefox. Ive done exactly the same with the left padding and thats

Dear Experts,
I want to behave the text on my homepage like in this example:
http://tomasio.at/temp/korrekt.gif
The dashed lines on the left and right borders should continue

this will be hard to explain.
picture a <table> with 3 columns. if you type text into the center column
and hit enter a bunch of times, all 3 columns expand vertically to fit the
content you put in the middle column.

i cant believe that im the only person that has ever run into this problem.
im using a very simple table to layout a page. the table has 3 columns, with
the middle column being where the data will be displayed.
the table is set at 500px wide, with each column being a width that ...

Over at PCMag.com there is a debate going on over the usability of CSS. The
discussion was initiated by an article by John Dvorak called "Why CSS Bugs
Me" (http://www.pcmag.com/article2/0,1759,1987181,00.asp). The discussion
starts here:

say i have the following table:
<table width="500">
   <tr>
       <td width="250">this is the text im concerned with</td>

I have a question that I haven't been able to find any info on:
If I have an element (say, a <div> or a <table>) which is a certain
fixed width (let's say 500px).
If I add a CSS border of 2 px, does the element:

What is the best way to place an image and a text side by side using
CSS?
Basicaly what I am trying to do is to make the image and the text to
appear as follows:

Below is some test text which I've been working on, to try and get my
head around CSS more.
However I've observed 3 issues, mainly with Firefox which dont seem to
like some bits.

Please try the example below
In Internet Explorer, when the mouse hovers between the right side of
the image and the left side of the text, the cursor changes (i.e.
Internet explorer is adding a tiny bit of space even though both

Hi, I am attempting to write a generic class for a warning box. The
class looks like this:
.warningBox {
    background-image:url(images/co_images/warning_flag.gif);

I'm having a problem with spacing betw. paragraphs, whether use <br>'s
or <p>'s..  FF inserts so much more space betw. paragraphs than IE does
<br><br> shows up differently in FF from how it shows up in IE..  I know
it's better practice to use <p> instead of <br>'s, but FF ...

I have the following html:
<table cellpadding="0" cellspacing="0" width="850">
<tr>
   <td>

I am designing a small HTML editor, and in the lower pane, I want the
textarea to use 100% height with the toolbar, but no more than that:
http://www.auriance.com/docs/tmp/editor/
Actually it uses 100% + 25px of the toolbar, which means if you click

I have a table cell that I want to wrap text inside of. I've tried both
hard and soft wrap, but Firefox refuses to obey. IE 6&7 handle the wrap
just fine. Does anyone know how I can fix this?