PDA

View Full Version : Fieldsets sitting next to each other


lux
03-21-2007, 04:10 PM
Hey people,
Can anyone tell me how i can position two fieldsets next to each other using css? or show me in the direction of a good tutorial?

cheers

domedia
03-21-2007, 04:34 PM
no different than other HTML elements :)

You float the elements next to eachother. Here's a quick CSS rule, but you might want to modify for your page.fieldset {width: 40%; float: left; position: relative;}If this gives you more headache, paste the whole page (or url) and I'll edit the whole thing for you.

lux
03-21-2007, 05:31 PM
cheers for that!

chriskq
03-22-2007, 04:33 AM
dont use the position: relative;

try not to use any relative positioning for that matter. You can always get around using it (unless for fancy layering). It will give you bigger problems down the track.

just my thoughts from experience.

Remember to clear after you finishing float elements
eg:

<div style="float:left;width:100px;height:50px;border:1px solid red;">
<div style="float:left;width:100px;height:50px;border:1px solid blue;">
<div style="clear:left;">

lux
03-22-2007, 10:11 AM
thanks chriskq, wonk's a treat

davidj
03-22-2007, 12:07 PM
who's wonk?

lux
03-22-2007, 12:25 PM
oops!

"works"

domedia
03-22-2007, 01:00 PM
I always thought that Wonk was a little iffy myself.

davidj
03-22-2007, 03:09 PM
good job that was the only typo

it could have easily been somethin else

just one letter away from a kleenex