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
}
--------------------------------------------------------------------------------------------------
 
Ad

Advertisements

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.

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.

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
 
Ad

Advertisements

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.
CSS requires units for all measurements except when the value is zero (0).

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..
Reply only to group - emails will be deleted unread.

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

thanks everyone
 
Ad

Advertisements


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

Top