/    Sign up×
Community /Pin to ProfileBookmark

IE7 ignoring my position tags

Why does IE ignore my relative and absolute position tags which are correctly interpreted by Firefox

to post a comment
CSS

7 Comments(s)

Copy linkTweet thisAlerts:
@WebJoelAug 22.2008 — Without showing your code, -who can tell?
Copy linkTweet thisAlerts:
@bingecoderauthorAug 22.2008 — Without showing your code, -who can tell?[/QUOTE]

I am developing on my computer so I am unable to send link, but if you give me an email address I will send screen captures.


[CODE]#search .form-text, #search .form-submit {
border: 1px solid #369;
font-size: 1.1em;
height: 1.5em;
vertical-align: middle;
position:absolute;
top:10px;
right:70px;
}
#search .form-text {
position:absolute;
top:10px;
right:135px;
width: 8em;
padding: 0 0.5em;[/CODE]
Copy linkTweet thisAlerts:
@Declan1991Aug 22.2008 — And the HTML that accompanies that, and the actual problem (is IE positioning relative to the window or to the container or what).

You can attach screen captures to a post here by using the paper clip, but the most important thing for us to know is what the HTML, CSS and problem are.
Copy linkTweet thisAlerts:
@WebJoelAug 22.2008 — Copy & paste your code. I don't do 'private' unless it's hire. Here on a public forum, we all can learn from this. ?

You need to send ALL your code, this little bit really isn't of any help
Copy linkTweet thisAlerts:
@bingecoderauthorAug 22.2008 — And the HTML that accompanies that, and the actual problem (is IE positioning relative to the window or to the container or what).

You can attach screen captures to a post here by using the paper clip, but the most important thing for us to know is what the HTML, CSS and problem are.[/QUOTE]


Thanks I have fixed that bit by using relative positioning. A peculiar problem is that my spacing are wider in IE7 than the size that is correctly showing in FF

[upl-file uuid=be068ea1-b8de-4e7f-b64d-d214043d08be size=9kB]FF.gif[/upl-file]

[upl-file uuid=9b99902d-b017-42ea-9c6b-e54c65ce1d43 size=12kB]IE7.gif[/upl-file]
Copy linkTweet thisAlerts:
@CoyotelabAug 23.2008 — conditional statement for IE should fix that.
Copy linkTweet thisAlerts:
@WebJoelAug 26.2008 — Generally, your first CSS statement can safely always be:

[B]

* {margin:0; padding:0;}[/B]


and this eliminates 90% of such issues and avoids 'conditionals' (which work, but if the need for MORE arise, you are adding more code to the conditional whereby the "universal selector" has rendered IE more-or-less cross-browser compliant for these issues.)

From the images, it does looks as if there are margin-specific differences. IE 'assumes' certain values for margins & padding. Compliant browsers, do not. Hence, IE often looks 'wider' or more 'padded' due to their inept assumptions.

The universal selector method removes this on IE; other browsers are unaffected as they do this anyway.
×

Success!

Help @bingecoder spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.24,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...