Skip to content Skip to sidebar Skip to footer
Home / Firefox / Html / Html Table / Stretch

Firefox Rowspan Problem

Post a Comment
I need some help with rowspan in firefox. I need 1 big cell and 30 rows (7 cells per row) of smaller cells next to the big one. It works exactly as I want in Chrome, but FF stretch

Solution 1:

I don't know what specs have to say about this but Chrome's behaviour looks wrong. None of my other browsers (Opera, Firefox and Internet Explorer) render the table that way.

I think it'd be easier to get rid of the table:

<!DOCTYPE HTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title></title><styletype="text/css"><!--
div.gallery{
    width: 750px;
    font-size: 0;
    overflow: hidden;
}
div.gallerydiv.large{
    float: left;
    width: 400px;
}
div.gallerydiv.thumbs{
    float: left;
    width: 350px;
}
div.gallerydiv.thumbsdiv{
    display: inline-block;
}
--></style></head><body><divclass="gallery"><divclass="large"><imgsrc="http://placehold.it/400x600"></div><divclass="thumbs"><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div><div><ahref="javascript:;"><imgsrc="http://placehold.it/50x75"></a></div></div></div></body></html>

Accomplishing exact pixel layouts with tables can be a nightmare.

Post a Comment for "Firefox Rowspan Problem"