0

Trying to build a reponsive header for my website.

I have 3 inline div (inside a parent div), first & last one have fixed width, & I want the middle one to horizontally fill the empty space. What is the best method to do that in CSS ? Should I use display: table ? I Hate table & I know they are not supposed to be used to create the layout of a website.

Should look like that : <-LEFTDIV-> <-----MIDDLEDIV---this one stretch to fill empty space> <-RIGHTDIV->

Any help would be appreciated !!

Loudness
  • 11
  • 3
  • You can use `calc`. See my [answer](http://stackoverflow.com/questions/18645861/html-layout-that-has-flexible-left-pane-and-a-fixed-right-left-cant-wrap-must/18667921#18667921) of a similar issue. – Vucko Sep 09 '13 at 12:50
  • Thanks for the answer, but calc doesnt seem to be well supported in older browser... – Loudness Sep 09 '13 at 13:07
  • That's true. If you need older browser support, use JavaScript. – Vucko Sep 09 '13 at 13:11

0 Answers0