please help me fix my code. it will not work in ie but worksperfectly in firefox

K

kavor

http://i2.photobucket.com/albums/y4/yadalda/help.jpg

here is my code.

the only problem i am have that is a must fix is the gap between the
iframe and the banner in the left.

check it out Firefox works and IE doesn't.
-----------------------------------------------------------------------------------------------------------------------------
body {
text-align: center;
BACKGROUND: url(f_grad.jpg) repeat-x;
margin-left: auto;
margin-right: auto;
width: 911;
wid\th: 911px;
}
A:link {COLOR: #000000; boarder: none;
}
A:visited {COLOR: #000000; boarder: none;
}
#top_banner {float: none; text-align: center;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
#menu {float: right;

}
#ad_images {float: left; width: 310;
}
#context {float: right; width: 601;
}
img { margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
boarder-top:0px;
boarder-bottom:0px;
boarder-right:0px;
boarder-left:0px;
}
..footer {
BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 14px; COLOR: #333333
}
..white {
COLOR: #000000
}
..header {
COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; TEXT-ALIGN: left
}
..mainimage {
BORDER-RIGHT: #aaaaaa 2px solid; BORDER-TOP: #aaaaaa 2px solid;
BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #aaaaaa 2px solid; TEXT-
ALIGN: center
}
..tn {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid;
BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
A:link {
COLOR: #000000
}
A:visited {
COLOR: #000000
}
P TR DIV TD {
FONT-SIZE: 14px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
TEXT-ALIGN: left
}
--------------------------------------------------------------------------------------------------
 
R

Ronx

Where is the i-frame? The image does not show where it is. A link to an
actual page where all the CSS and HTML interaction can be seen in different
browsers is the really best way to get solutions to rendering problems.
However, your CSS contains several errors that MUST be fixed.

CSS requires units for all measurements except when the value is zero (0).

So:

width: 911; should be width: 911px;

boarders are people who live in Bed and Breakfast establishments. borders
are lines that go around things.

boarder:none; should be border:none; This mis-spelling is repeated in
several locations.

Make these corrections and see what happens. You may find that the #context
drops below the #ad_images - make each of these a pixel or 2 narrower.

For accessibility reasons (IE users cannot resize fonts specified in pixels
or points, ALL other browsers can) fonts should not be sized in pixels.
Use ems, keywords, % s instead.
For example font-size:14px may be rewritten as font-size: .8em or
font-size: small (only use keywords if you have a valid and complete
!doctype.
This change should be tested since the result depends on browser set up.
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.
 
K

kavor

Where is the i-frame?  The image does not show where it is.  A link to an
actual page where all the CSS and HTML interaction can be seen in different
browsers is the really best way to get solutions to rendering problems.
However, your CSS contains several errors that MUST be fixed.

CSS requires units for all measurements except when the value is zero (0)..

So:

width: 911;  should be   width: 911px;

boarders are people who live in Bed and Breakfast establishments.  borders
are lines that go around things.

boarder:none;  should be   border:none;  This mis-spelling is repeated in
several locations.

Make these corrections and see what happens.  You may find that the #context
drops below the #ad_images - make each of these a pixel or 2 narrower.

For accessibility reasons (IE users cannot resize fonts specified in pixels
or points, ALL other browsers can)  fonts should not be sized in pixels..
Use ems, keywords, % s instead.
For example  font-size:14px  may be rewritten as   font-size: .8em   or
font-size: small  (only use keywords if you have a valid and complete
!doctype.
This change should be tested since the result depends on browser set up.
--
Ron Symonds
Microsoft MVP (Expression Web)http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.
Click to expand...

i fixed the code it still doesn't do what i want.

body {text-align: center; background: url(f_grad.jpg) repeat-x; margin-
left: auto; margin-right: auto; width: 911px; wid\th: 911px;}
A:link {COLOR: #000000; border: none;}
A:visited {COLOR: #000000; border: none;}
#top_banner {float: none; text-align: center; margin-left: 0; margin-
right: 0; margin-top: 0; margin-bottom: 0;}
#menu {float: right;}
#ad_images {float: left; width: 309;}
#context {float: right; width: 600;}
img {margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:
0px; border-top:0px; border-bottom:0px; border-right:0px; border-left:
0px;}
..footer {BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 14px; COLOR:
#333333}
..white {COLOR: #000000}
..header {COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; TEXT-ALIGN:
left}
..mainimage {BORDER-RIGHT: #aaaaaa 2px solid; BORDER-TOP: #aaaaaa 2px
solid; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #aaaaaa 2px
solid; TEXT-ALIGN: center}
..tn {BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid;
BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #ffffff 1px solid}
A:link {COLOR: #000000}
A:visited {COLOR: #000000}
P TR DIV TD {FONT-SIZE: 14px; FONT-FAMILY:
Verdana,Arial,Helvetica,sans-serif; TEXT-ALIGN: left}

the text doesn't bather me i just need to make sure the damb page is
centered on the screen and everything looks like its floating over the
BG
 
S

Stefan B Rusynko

Not sure if it will fix your problem but you have invalid css
Remove: wid\th: 911px;
And px to all your sizes as in 0px
-

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


Where is the i-frame? The image does not show where it is. A link to an
actual page where all the CSS and HTML interaction can be seen in different
browsers is the really best way to get solutions to rendering problems.
However, your CSS contains several errors that MUST be fixed.

CSS requires units for all measurements except when the value is zero (0).

So:

width: 911; should be width: 911px;

boarders are people who live in Bed and Breakfast establishments. borders
are lines that go around things.

boarder:none; should be border:none; This mis-spelling is repeated in
several locations.

Make these corrections and see what happens. You may find that the #context
drops below the #ad_images - make each of these a pixel or 2 narrower.

For accessibility reasons (IE users cannot resize fonts specified in pixels
or points, ALL other browsers can) fonts should not be sized in pixels.
Use ems, keywords, % s instead.
For example font-size:14px may be rewritten as font-size: .8em or
font-size: small (only use keywords if you have a valid and complete
!doctype.
This change should be tested since the result depends on browser set up.
--
Ron Symonds
Microsoft MVP (Expression Web)http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.
Click to expand...

i fixed the code it still doesn't do what i want.

body {text-align: center; background: url(f_grad.jpg) repeat-x; margin-
left: auto; margin-right: auto; width: 911px; wid\th: 911px;}
A:link {COLOR: #000000; border: none;}
A:visited {COLOR: #000000; border: none;}
#top_banner {float: none; text-align: center; margin-left: 0; margin-
right: 0; margin-top: 0; margin-bottom: 0;}
#menu {float: right;}
#ad_images {float: left; width: 309;}
#context {float: right; width: 600;}
img {margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:
0px; border-top:0px; border-bottom:0px; border-right:0px; border-left:
0px;}
..footer {BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 14px; COLOR:
#333333}
..white {COLOR: #000000}
..header {COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; TEXT-ALIGN:
left}
..mainimage {BORDER-RIGHT: #aaaaaa 2px solid; BORDER-TOP: #aaaaaa 2px
solid; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #aaaaaa 2px
solid; TEXT-ALIGN: center}
..tn {BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid;
BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #ffffff 1px solid}
A:link {COLOR: #000000}
A:visited {COLOR: #000000}
P TR DIV TD {FONT-SIZE: 14px; FONT-FAMILY:
Verdana,Arial,Helvetica,sans-serif; TEXT-ALIGN: left}

the text doesn't bather me i just need to make sure the damb page is
centered on the screen and everything looks like its floating over the
BG
 
K

kavor

Not sure if it will fix your problem but you have invalid css
Remove: wid\th: 911px;
And px to all your sizes as in 0px
-

--

_____________________________________________
SBR @ ENJOY (-:              [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!"  (-;
_____________________________________________


Where is the i-frame? The image does not show where it is. A link to an
actual page where all the CSS and HTML interaction can be seen in different
browsers is the really best way to get solutions to rendering problems.
However, your CSS contains several errors that MUST be fixed.
Click to expand...
CSS requires units for all measurements except when the value is zero (0).

width: 911; should be width: 911px;
Click to expand...
boarders are people who live in Bed and Breakfast establishments. borders
are lines that go around things.
Click to expand...
boarder:none; should be border:none; This mis-spelling is repeated in
several locations.
Click to expand...
Make these corrections and see what happens. You may find that the #context
drops below the #ad_images - make each of these a pixel or 2 narrower.
Click to expand...
For accessibility reasons (IE users cannot resize fonts specified in pixels
or points, ALL other browsers can) fonts should not be sized in pixels.
Use ems, keywords, % s instead.
For example font-size:14px may be rewritten as font-size: .8em or
font-size: small (only use keywords if you have a valid and complete
!doctype.
This change should be tested since the result depends on browser set up..
Click to expand...
Reply only to group - emails will be deleted unread.
Click to expand...

i fixed the code it still doesn't do what i want.

body {text-align: center; background: url(f_grad.jpg) repeat-x; margin-
left: auto; margin-right: auto; width: 911px; wid\th: 911px;}
A:link {COLOR: #000000; border: none;}
A:visited {COLOR: #000000; border: none;}
#top_banner {float: none; text-align: center; margin-left: 0; margin-
right: 0; margin-top: 0; margin-bottom: 0;}
#menu {float: right;}
#ad_images {float: left; width: 309;}
#context {float: right; width: 600;}
img {margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:
0px; border-top:0px; border-bottom:0px; border-right:0px; border-left:
0px;}
.footer {BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 14px; COLOR:
#333333}
.white {COLOR: #000000}
.header {COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; TEXT-ALIGN:
left}
.mainimage {BORDER-RIGHT: #aaaaaa 2px solid; BORDER-TOP: #aaaaaa 2px
solid; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #aaaaaa 2px
solid; TEXT-ALIGN: center}
.tn {BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid;
BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #ffffff 1px solid}
A:link {COLOR: #000000}
A:visited {COLOR: #000000}
P TR DIV TD {FONT-SIZE: 14px; FONT-FAMILY:
Verdana,Arial,Helvetica,sans-serif; TEXT-ALIGN: left}

the text doesn't bather me i just need to make sure the damb page is
centered on the screen and everything looks like its floating over the
BG
Click to expand...

thanks everyone
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Hyperlinks NOT underlined in website using CSS 3
Menu in CSS problems 9
from tables to css - I need help 1
How to position image displayed from a link? 1
CSS Problems 9
my menu not working on netscape but works on IE 1
Positioning of image from link - if that makes sense! 3
pages don't work in Firefox? 2

Top