Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
- CommentAuthorFrederik.PM
- CommentTimeFeb 6th 2008 edited
Hi
I have been working on this site for quite a while, there are no layout problems i Firefox or Safari - But IE. 6 is of course completely mental.
I think that my main problem is that my container pull to the left and don't center like in Firefox or Safari. I have tried to search the archives without succes, so do anybody know how to fix this layout problem? It's driving me crazy.
http://users3.titanichost.com/frederikpm/index.html
Thank you! -
Well without seeing your css I have had no problem when I assign the following style to my div container tag.
#container {
margin: 0 auto;
width: as desired;
} -
- CommentAuthorjamessteel
- CommentTimeFeb 9th 2008
Hi Fredrick,
The advice above is solid but, if you have found that this hasn't solved the problem in IE6, then you can use this and I'm 99.9% positive that the issue will be overcome... IE6 doesn't understand Auto-margins so over-rides and does what it thinks is correct. In your stylesheet, put 'text-align: center' as part of the BODY tag and with your '#container' DIV include 'text-align: left;'.*
* jdmb77 is accurate in telling you to set your margins as 'margin: 0 auto;' so do this as well!
IE, by a stroke of good fortune, mis-intreprets the intention of Text-Align and will centre the design for you. But, without aligning the text in your '#container' DIV, all the text in the cascade will adopt a centralised layout, too. Hence, you set text alignment to left and all is well with the world once more.
Let me know how it goes... -
- CommentAuthordesigncarter
- CommentTimeFeb 14th 2008
Account ClosedAlso, when you need to define the width before you define the margin like so:
#container {
width: as desired;
margin: 0px auto;
}
1 to 4 of 4