/    Sign up×
Community /Pin to ProfileBookmark

IE displays position of text wrong

Copy linkTweet thisAlerts:
Sep 04.2008

Ok, here’s a quick question. This layout works in all the browsers except IE 7 (I haven’t tried 6 or 5.5). In IE 7 it displays the main content below the sidebar floated to the right. I tried ‘clear’ on both the sidebar and main content. The conditional comments seem to work but, don’t seem to quite fix the problem and I’m not sure if that’s it or, if they’re set up correctly.

I know I’m missing something probably easy. Any help would be appreciated.

Here’s the url [url]http://www.garza-design.com/testsite/santa_b/index.html[/url]

Thanks…

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriSep 05.2008 — IE has many problems with floats, especially when HasLayout has been triggered. Probably the best way to do this would be to move #sidebar1 to just inside #mainContent in the html and then pull it over the edge with a negative right margin.
Copy linkTweet thisAlerts:
@13thwarriorauthorSep 05.2008 — Ok, I’m going to try it after I send this, but, can you clarify what you mean by ‘especially when HasLayout has been triggered’. Should I not be using ‘conditional comments’ or is this a ‘behavior’ that is triggered by using ‘floats’ in IE.

Thanks...
Copy linkTweet thisAlerts:
@CentauriSep 05.2008 — "HasLayout" is an obscure internal IE property that affects the rendering of objects. Usually setting a dimension (width, height etc) will trigger HasLayout (other things will too, including the proprietary "zoom"), and will cause IE to do stupid things like, in this case, not allowing such elements to ignore and slide behind floats.
Copy linkTweet thisAlerts:
@13thwarriorauthorSep 05.2008 — So, basically using 'conditional comments' has limited success and it would be better to try to not use floats if possible? BTW I'm working on the conversion I just saw that you had replied.
×

Success!

Help @13thwarrior 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.2,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...