CSS layout problem

They have: 10 posts

Joined: Oct 2006

Hello,
Can someone please help me as i have tried everything i can think of,

i have created my layout using XHTML Strict and CSS,
Everything lines up right on AOL and Explorer but in opera, netscape and firefox All the text on my page is about 5/10px lower but my layout stayes where it should be,
am i doing something wrong in my CSS:

CSS ex

#imp {
position: absolute;
text-align: right;
margin: 10px 0px 0px 640px;
border: 2px solid #2B3339;
background: #9DA5AD;
width: 150px;
height: 70px;
}

XHTML ex

contact us:
about us:
support:
italianninja's picture

He has: 17 posts

Joined: Oct 2006

whats you url?

They have: 10 posts

Joined: Oct 2006

it hasent been uploaded,
Sorry

italianninja's picture

He has: 17 posts

Joined: Oct 2006

remove position: absolute; and make sure your margins are correct. without looking at the site i cant really tell exacly what could be the issue. are you using tables?

They have: 10 posts

Joined: Oct 2006

ussing CSS for complete layout,

if you copy and paste into a CSS and HTML file you will see the result,
i have broke it down to just that section so its easyer for people to understand:

Title

contact us:
about us:
support:

sorry i know its a pain,

instead of my text showing where it should be its 1 line down instead,

They have: 10 posts

Joined: Oct 2006

What it looks like in Netscape

what it looks like in Explorer

notice in Netscape the tect has dropped an extra line,

They have: 10 posts

Joined: Oct 2006

sorted it Smiling

in my css i had
#imp {

text-align: right;
margin: 10px 0px 0px 640px;
background: #9DA5AD;
border: 2px solid #2B3339;
width: 150px;
height: 70px;
}

i was using it on the DIV tag, Sad
...................

i have changed the #imp to .imp and used it on the "p" tag,
................

Solved the problem Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.