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

  • Thread starter Thread starter kavor
  • Start date Start date
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
}
--------------------------------------------------------------------------------------------------
 
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.
 
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
 
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
 
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
 
Back
Top