I am trying to write a section of code so that my website displays my name/logo and in a parallel space next to it I wanted to put a Bing search bar. I tested my code out in W3 display page and the two sections that I wished to display side by side appear one after the other, with the search bar below instead of to the right. I would love any help on how to keep the Seismologik banner and the search bar in line with one another. Thank you!
This is the code:
But if you do not use HTML table and go for DIV/CSS to control positioning you have to deal with different monitor screen resolution isn't it ?
width: 500px; //ain't this hard-coding some pixel values to it ? Or px is a device independent display units ?
07-27-2010, 12:28 AM
I'm not sure what point you are trying to make.
Yes, if an element width is set to say 200px, it would take up virtually all the available width in a screen only 300px wide and take up much less space, relatively, in a screen that is say 1200px wide.
You could set the width to percentage units to make the element width "elastic" if you want so that it expands and contracts with the browser window size.
But you would have exactly the same issues with tables if you want to specify a width for the table.
I don't like using tables for layout, because the markup code can get very messy, large in volume and difficult to maintain very quickly - especially if you use nested tables.