Jump to content

problem with text


Corinne

Recommended Posts

Thank you in advance for all the help you offer to everyone!

 

I have a navigation bar and horizontal menu.

 

In firefox the text goes down below my content (I can see it sticking up a little) in IE it is fine.

 

My CSS did validate with no errors. I am new at this a can not figure out what I am doing wrong:(

 

Thank you for any help you can give.

 

Corinne

Link to comment
Share on other sites

... But the basic rule is "Firefox shows you what you coded... IE shows you what you want to see."

 

If it is wrong in Firefox, then you coded it wrong. Correct it so it looks right... Then worry about IE. When IE8 is released it should show things the way Firefox does.

Link to comment
Share on other sites

Thanks for responding, here is the css if that would help.

 

 

 

 

 

 

body {

margin: 0;

padding: 0;

text-align: center;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 12px;

background-image: url(gradient93679002.png);

background-repeat: repeat-x;

background-color: #6C0B00;

}

 

 

#wrapper {

position: relative;

text-align: left;

width: 900px;

margin-right: auto;

margin-left: auto;

}

 

 

 

#header {

height: 250px;

width: 900px;

border-bottom: 2px solid #000000;

padding: 10px 0px 0px 0px;

}

 

 

#navigation {

float:left;

width: 900px;

height: 20px;

background-color: #000000;

padding: 3px 0px 4px 0px;

 

}

 

 

#navigation ul {

list-style: none;

text-align: right;

font: small-caps 16px verdana, arial, helvetica, sans-serif;

line-height: .5em;

}

 

 

#navigation li {

display: inline;

}

 

 

#navigation a:link, #navigation a:visited {

padding: 0.1em 0.8em 0.1em 0.8em;

background-color: #000000;

text-decoration: none;

color: #FFFFFF;

 

}

 

 

#navigation li a:hover {

background-color: #510000;

color: #FFFFFF;

 

}

 

 

 

#leftcolumn {

float: left;

Color: #000000;

background: #FFFFFF;

height: 460px;

width: 200px;

 

}

 

 

#content {

float: right;

display: inline;

height: 460px;

width: 700px;

background: #FFFFFF;

 

}

 

#footer {

clear: both;

width: 900px;

height:30px;

background-color: #6C0B00;

color: #FFE7C4;

padding: 5px 0px 10px 1px;

font-size: 10px;

 

}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...