CSS table with colspan

Asked Jul 15 '16 at 10:18

Active Jul 15 '16 at 10:55

Viewed 57 times

How I can create this grid without html tables (using css tables for example).

+---+---+---+
|   |   |   |
+---+---+---+
|   |       |
+-----------+

As you can see in last row, I need colspan=2 and I don't know how do it without standart tables... Because I need fluid width of columns - stretching for the content width.

P.s. Sorry if question is duplicate, but I'm not found answer with my grid... This answer not work with my grid! HTML colspan in CSS

P.s.s. Please, see the difference https://jsfiddle.net/vt9jho53/

edited May 23 '17 at 11:51

Community

asked Jul 15 '16 at 10:18

user3449979

You could make use of Bootstrap to achieve this – Arun Prasad E S Jul 15 '16 at 10:19
this answer not working with grid which I need. http://stackoverflow.com/questions/2403990/html-colspan-in-css – user3449979 Jul 15 '16 at 10:22
1

With `display: table` you can't. But you can use frameworks like foundation or bootstrap (foundation is better) to achieve it – Marcos Pérez Gude Jul 15 '16 at 10:22
I use bootstrap, but Im not understend how create my grid with it... Bootstrap using floats, this not works as table columns – user3449979 Jul 15 '16 at 10:23
@user3449979 There is features like offset ,pull etc in Bootstrap – Arun Prasad E S Jul 15 '16 at 10:26
@ARUN but I need fluid width of colums (stretching for the content width)... this promlem. Because we using different languages and content width is different too. – user3449979 Jul 15 '16 at 10:30
@user3449979 from the design, I think you can do it easily , try – Arun Prasad E S Jul 15 '16 at 10:33
@user3449979 check this answer http://stackoverflow.com/a/38393869/2724173 – Ismail Farooq Jul 15 '16 at 10:33
– Arun Prasad E S Jul 15 '16 at 10:35
@user3449979 go to this site , you can visually create the grid easily http://shoelace.io/ – Arun Prasad E S Jul 15 '16 at 10:36
no need to make complete grid i think you can do something like on this way https://jsfiddle.net/1nmg5208/ – Ismail Farooq Jul 15 '16 at 10:37
Really not understand how ) You can see difference https://jsfiddle.net/vt9jho53/ – user3449979 Jul 15 '16 at 10:55

CSS table with colspan

0 Answers0