We create several layouts for various external and internal websites.
One of the developers is not using the best practice of switching his CSS file (one for FF and one for IE) based on a user agent. :/Others stick to table layouts because they are browser compatible.
I would like a little guidance on using CSS to layout and organize elements. This should be browser compatible. Grid meshes or “CSS frames” cannot be used because they are not flexible for what is done here.
For example, if we are provided with images from an external design firm 90 pixels wide, we are not going to insert them into a grid cell 60 pixels wide. And we are not going to resize them. If the company is developing a homepage, it would be foolish to click on the link and see that all the logos / graphics of the filler are reduced.
You need some kind of resource or advice to point me in the right direction.
Edit : here is the added twist. We do not touch HTML, we use component design from JSF and Oracle ADF ... They will display HTML, we use CSS for alignment and style.
Edit2 . We can add styles and attributes to HTML before rendering it. Just keep in mind that there is no .html file that we are editing, it is generated by components.