Please refer to the following link. the Map Quest form appears in the correct location when my screen is set at 1680 x 1050, but when I drop to a common size like 800 x 600 or 1024 x 768, the form is in the wrong location. I realize it's an issue with my CSS (I'm giving it a static location instead of relative), but I don't know CSS well enough to fix it so that the form appears relative to another fixed point (e.g. below the "Directions" label). Please help! http://www.lundeenmedicalgroup.com/locations.html
2007-11-12 09:02:06 · 1 answers · asked by LMG 1 in Computers & Internet ➔ Programming & Design
Don't use a table for the layout. Use divs instead. Divide your page into two divs, both floated left. Give a 100% width to the banner. Figure a percentage large enough to hold the map, and give it a "clear: left; float: left; width: x%; margin-left: 0; margin-right: 0;" Same for the form, omitting the clear: "float: left; width: y%; margin-left: 0; margin-right; 0;" ...Test on IE and Firefox...due to IE stupidities, you may have to diddle x and y so they add up to less than 100%.
Good luck!
2007-11-12 09:18:46 · answer #1 · answered by fjpoblam 7 · 1⤊ 0⤋