|
| |
User Groups : Forums : SiteExperts :
HTML and CSS
:  | Vertical alignment w/ CSS in IE and Opera Greetings!
I've create the shell of a site using XHTML 1.0 Strict and CSS.
I use positioning to place the main nav links on the splash page so that they overlay the gradient background. The overlays are JPEGs, not GIFs, so I can't use the transparency feature.
I designed it to work properly in Firefox/Netscape/Mozilla, as you can see.
In IE, I get a 3-pixel downshift of the links.
In Opera, I get a huge pixel upshift.
Am I SOL, or is there a way to accomodate these two browsers?
Here's the link to the test code:
http://www.rldassociates.net/wanda
Thanks for any help you can give.
Richard Daugherty (949) 364-6029 RDaugherty@RLDAssociates.net {:-}
Started By rddaugherty on Apr 10, 2005 at 12:13:10 PM |  | | 5 Response(s) | Reply |
| Earlier Replies | Replies 1 to 5 of 5 | Later Replies |  | RobinAnn on Apr 10, 2005 at 9:08:44 PM (# 1) This message has been edited.
...Welcome to RobinAnn's Posting Style... That's MISS RobinAnn to you ;o)
Two little fixes, rddaugherty.
- add this line in the top of your css
*{border:0px;padding:0px;margin:0px}
- change your div#content to:
- div#content
- {
- position: relative;
- top: 116px;
- left: 110px;
- }
Tested in IE6.0 and FF
rddaugherty on Apr 10, 2005 at 9:42:54 PM (# 2)thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you !!!
I assume this was an inheritance problem? If you have the time, please explain.
Thanks!
Rich D. {:-}
P.S. I'm going to give you credit in the comments of my CSS file. :-)
MHenke on Apr 11, 2005 at 3:00:05 AM (# 3)Just for the case that RA havn't time (and w/o the intent to diminish her credit... 8) :
Her first tip removes the default borders, padding and margin for all elements. These defaults vary for the different browsers, disturbing your layout. After that, you've just to put the div in the right place. rddaugherty on Apr 12, 2005 at 8:40:51 AM (# 4)Thanks, Mr/Ms Henke! All has been made clear! :-)
RobinAnn on Apr 13, 2005 at 4:08:32 AM (# 5)
...Welcome to RobinAnn's New Posting Style... Some of you may have seen this before ;o)
Please rddaugherty, if you use my name: make sure to put "Contributing Member at www.siteexperts.com" also.
I would not have the answers of today without all my friends here; with whom I have learned so much :o) !
Thank you MHenke for answering back so quickly, the book does keep me very occupied. (Deadlines getting close!)
| | Earlier Replies | Replies 1 to 5 of 5 | Later Replies |
To respond to a discussion, you must first logon.
If you are not registered, please register yourself to become a member of the SiteExperts.community.
|