SiteExperts.com Logo Home | Community | Developer's Paradise
User Groups | Site Tools | Site Information | Search
 Main Menu
 Forums
SiteExperts.com Forums
All Discussions

SiteExperts Feedback
The Lounge
Dynamic HTML
Site Design/ Critiques
HTML and CSS
XML Technologies
The Wireless Internet
Internet Explorer
Microsoft .NET
The Server
Technical Support

Sponsored Links

User Groups : Forums : SiteExperts : HTML and CSS :

Previous DiscussionNext Discussion
 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.

  1. add this line in the top of your css

    *{border:0px;padding:0px;margin:0px}

  2. 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!)

Sincerely,

RobinAnn
 
webmaster/photoartist
...in all ways...


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.

User Name
Password
Copyright 1997-2004 InsideDHTML.com, LLC. All rights reserved.