Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 07-30-2007, 02:56 PM IE css problem...
Novice Talker

Posts: 5
Trades: 0
I have an IE css problem... seems to be alot of those lately....

Anyways, the page works find in ff and safari, but there is a bit of misalignment in ie. An ugly white line appears in the header area and there is a misalignment where the header meets the body.

You can see the page at: http://inlab.topsitelist.org/masonry/withieprob/
And the css at: http://inlab.topsitelist.org/masonry...prob/style.css

Thank you at all for any help you can give me...
loinsees is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 07-30-2007, 04:21 PM Re: IE css problem...
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
You have a couple of problems;

1 - your header and wrapper are defined as 1024 wide, but your content section is only 786 wide. With auto defined for left and right margin, the calculation is not going to be exact between browsers.
2 - In FF, if I shrink the window to less than 1024 wide, then the content section slides around.

- I would suggest NOT using auto for left and right margin on #content and define a fixed left margin for it to line it up with header.

Your other choice is to make your header the same width as #content and remove the gradient from the graphic, keeping just the center graphic.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-30-2007, 04:24 PM Re: IE css problem...
Novice Talker

Posts: 5
Trades: 0
But if it has a fixed left margin it wont be centered...
loinsees is offline
Reply With Quote
View Public Profile
 
Old 07-30-2007, 04:39 PM Re: IE css problem...
Novice Talker

Posts: 5
Trades: 0
Im amazed at how something simple can screw up the whole thing.
I fixed it by removing width: 1024px; from #header

The other problem (the one if you make the window smaller) is fixed too!
loinsees is offline
Reply With Quote
View Public Profile
 
Old 07-30-2007, 05:10 PM Re: IE css problem...
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
I would not be centered in the way you were trying to do it because of the different widths. The #wrapper was defined at 1024 wide and THAT would be centered. If you added a left margin to #content, it would be measured from it's container - that of #wrapper, so it would always be in the same place - xx pixels from the left of #wrapper.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-30-2007, 05:48 PM Re: IE css problem...
Angelosanto's Avatar
Webmaster Talker

Posts: 548
Name: Danny Angelosanto
Trades: 0
Just a little tip on centering if you're interested

If you use percentage values for the body tag and for your wrapper div, and give it a value of, say, 80%, then you can also give it a left-margin of 10%. That way, not only will it always appear centered, it will also be much more browser and monitor compatible
__________________
"The only reason some people get lost in thought is because it's unfamiliar territory."
_____________________________________
Angelosanto is offline
Reply With Quote
View Public Profile Visit Angelosanto's homepage!
 
Reply     « Reply to IE css problem...
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.27029 seconds with 12 queries