HTML WTF? Line not reach till end in table?

Status
Not open for further replies.
H

HairyHun

Masturbating Bandit
Oct 11, 2007
576
2
0
Hi guys.

I am at a loss with some annoying bug.

I have a table, in which the cells don't right till the end (right side) in safari and FF.
I tried forcing a size in % and pixels to the cells, but no avail.

Here is a screenshot

wtf.jpg


I'm sure someone out there came across this issue before. Please direct me toward the right answer.

Thanks
Peter
 


I'd investigate if

style {

margin-right: 0;
display: block;

/* I'm too lazy to look up if a table cell is normally block, but if it's not, then this will help. */

}

assigned to the table cells will fix the problem. If it doesn't, then I'd investigate if there is padding assigned to the row or the table. Try some form of

style {
padding-right: 0;
}

assigned to either the row or the table.

Check this page for more details: http://robertdenton.org/reference/css-tables-tutorial.html
 
As Marfarma said, look into the padding. If it's an <ul> or table cell there usually a default margin and padding set on the list/cell item (Which oddly varies between browsers, so best to set it yourself). For a straight list like that, you might have better luck utilizing CSS with an unordered list and styling it with an alternate class.
 
d03boy said:
<table width="100%">
or
<table style="width: 100%">
Click to expand...


You see the white frame around, that's the table border. So it is at 100%

it's a table with 2 columns. So that empty space on the right is just empty void.

This problem is so fucked up, I don't even know how to put into words to google it

HH
 
Turns out, it's the line font-size 12px; which creates this mess.

how am I supposed to set the size otherwise? At least now I got something to google

HH
 
HairyHun said:
Turns out, it's the line font-size 12px; which creates this mess.

how am I supposed to set the size otherwise? At least now I got something to google

HH
Click to expand...

Have you attempted to mess with the padding of the cells yet? (ie: padding: 0px; etc on the containing table)

Though it would be handy to see your actual CSS file, and not just a screenshot.
 
You can sooo easily do that without a table. Put some h2s in a div.

something like:

h2 {
font-size: 18px;
background-color: #ff6600
width: whatever the size of the box is
padding: 0px
margin: 0px
}

That's certainly not the full story, but it's a start.
 
Status
Not open for further replies.
Top Bottom