Screen resolution issue

maverick83 · Joined: 14 Apr 2009 Posts: 2

hi

i am using the below code for my iframe but there are following two issue causing problems :-

1.different screen resolution giving different positions even though i am using postion:relative

2.margin-left working differently in IE and FIREFOX ,there is a huge white space in IE

i am posting the code below

kanenas · Joined: 14 Dec 2004 Posts: 341

Firstly, a static layout with a minimum width of 1200 pixels is a terrible design. Your best bet is to redesign your layout to be more flexible.

You've left out a minimal HTML test case. Since the position of #softframe will depend on document flow, it's impossible to debug your layout with the information provided.

When using positioning, the appropriate properties to place an element are top, left, bottom and right, not margins. I've also the sneaking suspicion you don't understand what relative positioning does. Read up on the CSS visual formatting model.

maverick83 · Joined: 14 Apr 2009 Posts: 2

i accept all ur points ,i am not much proficient in CSS only on need to know know basis i ll go thr the links u have sent

but if you can tell from ur experience what EXACTLY can cause iframe positioning to differ in different screen resolutions

i have tried em,px,% ages ,nothing works

it works gr8 in firefox but in IE space is too big

pls reply if u have got any idea regarding this thing

regards,
mav

kanenas · Joined: 14 Dec 2004 Posts: 341

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Seeing a live site would help as there may be other elements causing your problem. You really haven't provided enough info for anyone to provide help.