I have an IE rendering problem. Does anyone know how I can fix it
fast? I need to finish this damned thing by tomorrow and it doesnt
look good. I have played with doctypes and css hacks and it doesnt
seem to work .
Here the page:-
http://www.parentk12.com/wnp/index.html
As you can see in FF its fine but in IE its a mess. I'd be grateful
for any help or guidance.
In article
<5b30dc85-7ed8-4cad-bbdd-ee9491c6d552@q24g2000prf.googlegroups.com>,
defnydd
> I have an IE rendering problem. Does anyone know how I can fix it
> fast? I need to finish this damned thing by tomorrow and it doesnt
> look good. I have played with doctypes and css hacks and it doesnt
> seem to work .
>
> Here the page:-
> http://www.parentk12.com/wnp/index.html
>
> As you can see in FF its fine but in IE its a mess. I'd be grateful
> for any help or guidance.
This whole way of making a web page - apart from technical mistakes[1] -
is completely wrong-headed. Just look, for a start, at what happens if
the user uses a font-size you are not expecting. You are splicing and
dicing and photoshoping and going against every agreed modern good
practice...
------------
1. Check in html and css validators and fix mistakes.
Get the styles from out of inline and use classes, backgrounds can be
specified in CSS, why make an exception?
--
dorayme
On Apr 8, 2:48 pm, dorayme
> In article
> <5b30dc85-7ed8-4cad-bbdd-ee9491c6d...@q24g2000prf.googlegroups.com>,
>
> defnydd
> > I have an IE rendering problem. Does anyone know how I can fix it
> > fast? I need to finish this damned thing by tomorrow and it doesnt
> > look good. I have played with doctypes and css hacks and it doesnt
> > seem to work .
>
> > Here the page:-
> >http://www.parentk12.com/wnp/index.html
>
> > As you can see in FF its fine but in IE its a mess. I'd be grateful
> > for any help or guidance.
>
> This whole way of making a web page - apart from technical mistakes[1] -
> is completely wrong-headed. Just look, for a start, at what happens if
> the user uses a font-size you are not expecting. You are splicing and
> dicing and photoshoping and going against every agreed modern good
> practice...
>
> ------------
> 1. Check in html and css validators and fix mistakes.
>
>
>
>
>
> Get the styles from out of inline and use classes, backgrounds can be
> specified in CSS, why make an exception?
>
> --
> dorayme
I took your advice and scrapped the slicing and dicing approach but I
am still having a problem in FF and IE when resizing the screen on the
site:-
http://www.parentk12.com/wnp/
The two right hand divs drop off when the screen size is reduced. This
does not happen in Opera. I realise that Opera is the most CSS
standards compliant browser but I'm fairly new to this game and dont
know how to work the CSS magic to fix the problem in FF and IE.
The pages all validate so I dont know what else I should do. Any help
would be GREATLY appreciated.
Post removed (X-No-Archive: yes)
In article
<6396a517-9540-4c47-b156-7f05d3533317@w8g2000prd.googlegroups.com>,
defnydd
> On Apr 8, 2:48 pm, dorayme
> > In article
> > <5b30dc85-7ed8-4cad-bbdd-ee9491c6d...@q24g2000prf.googlegroups.com>,
> >
> > defnydd
> > > I have an IE rendering problem. Does anyone know how I can fix it
> > > fast? I need to finish this damned thing by tomorrow and it doesnt
> > > look good. I have played with doctypes and css hacks and it doesnt
> > > seem to work .
> >
> > > Here the page:-
> > >http://www.parentk12.com/wnp/index.html
> >
> > > As you can see in FF its fine but in IE its a mess. I'd be grateful
> > > for any help or guidance.
> >
> > This whole way of making a web page - apart from technical mistakes[1] -
> > is completely wrong-headed. Just look, for a start, at what happens if
> > the user uses a font-size you are not expecting. You are splicing and
> > dicing and photoshoping and going against every agreed modern good
> > practice...
> >
> > ------------
> > 1. Check in html and css validators and fix mistakes.
> >
> >
> >
> >
> >
> > Get the styles from out of inline and use classes, backgrounds can be
> > specified in CSS, why make an exception?
> >
> > --
> > dorayme
>
> I took your advice and scrapped the slicing and dicing approach but I
> am still having a problem in FF and IE when resizing the screen on the
> site:-
>
> http://www.parentk12.com/wnp/
>
> The two right hand divs drop off when the screen size is reduced. This
> does not happen in Opera. I realise that Opera is the most CSS
> standards compliant browser but I'm fairly new to this game and dont
> know how to work the CSS magic to fix the problem in FF and IE.
>
> The pages all validate so I dont know what else I should do. Any help
> would be GREATLY appreciated.
One clue that you are getting into a tangle is in your
div#wrapper{float:left;width:100%;margin-left:-33%;} You should not have
to be getting so tricky. I began to look but sorry, too many inline
styles and too confusing.
If you do the following, I will take a look and suggest stuff.
1. Get rid of all the styles in the head,
2. Remove every single inline style too for the moment.
3. Remove every single html presentational tag (like strongs and Us and
every single one).
4. Remove every single span for the moment too. There are too many of
them!
5. Remove all
s
6. Remove all classes on Ps and tables
7. Post a new url to this but do *not* remove the original.
The resulting html might not win prizes but don't worry. We will be
clearing the mind and building something better and simpler.
That's my offer. Take it or leave it!
have to strip as above (to save me the trouble).
--
dorayme
On Apr 10, 6:33 pm, dorayme
> In article
> <6396a517-9540-4c47-b156-7f05d3533...@w8g2000prd.googlegroups.com>,
>
>
>
> defnydd
> > On Apr 8, 2:48 pm, dorayme
> > > In article
> > > <5b30dc85-7ed8-4cad-bbdd-ee9491c6d...@q24g2000prf.googlegroups.com>,
>
> > > defnydd
> > > > I have an IE rendering problem. Does anyone know how I can fix it
> > > > fast? I need to finish this damned thing by tomorrow and it doesnt
> > > > look good. I have played with doctypes and css hacks and it doesnt
> > > > seem to work .
>
> > > > Here the page:-
> > > >http://www.parentk12.com/wnp/index.html
>
> > > > As you can see in FF its fine but in IE its a mess. I'd be grateful
> > > > for any help or guidance.
>
> > > This whole way of making a web page - apart from technical mistakes[1] -
> > > is completely wrong-headed. Just look, for a start, at what happens if
> > > the user uses a font-size you are not expecting. You are splicing and
> > > dicing and photoshoping and going against every agreed modern good
> > > practice...
>
> > > ------------
> > > 1. Check in html and css validators and fix mistakes.
>
> > >
>
> > >
>
> > > Get the styles from out of inline and use classes, backgrounds can be
> > > specified in CSS, why make an exception?
>
> > > --
> > > dorayme
>
> > I took your advice and scrapped the slicing and dicing approach but I
> > am still having a problem in FF and IE when resizing the screen on the
> > site:-
>
> >http://www.parentk12.com/wnp/
>
> > The two right hand divs drop off when the screen size is reduced. This
> > does not happen in Opera. I realise that Opera is the most CSS
> > standards compliant browser but I'm fairly new to this game and dont
> > know how to work the CSS magic to fix the problem in FF and IE.
>
> > The pages all validate so I dont know what else I should do. Any help
> > would be GREATLY appreciated.
>
> One clue that you are getting into a tangle is in your
> div#wrapper{float:left;width:100%;margin-left:-33%;} You should not have
> to be getting so tricky. I began to look but sorry, too many inline
> styles and too confusing.
>
> If you do the following, I will take a look and suggest stuff.
>
> 1. Get rid of all the styles in the head,
>
> 2. Remove every single inline style too for the moment.
>
> 3. Remove every single html presentational tag (like strongs and Us and
> every single one).
>
> 4. Remove every single span for the moment too. There are too many of
> them!
>
> 5. Remove all
s
>
> 6. Remove all classes on Ps and tables
>
> 7. Post a new url to this but do *not* remove the original.
>
> The resulting html might not win prizes but don't worry. We will be
> clearing the mind and building something better and simpler.
>
> That's my offer. Take it or leave it!
> have to strip as above (to save me the trouble).
>
> --
> dorayme
I'll take it...many thanks. Give me till tonight or tomorrow to post
the new url. On balance I suppose I'm just concerned to have it resize
gracefully rather like the blogger blog that it links to. I've tried
borrowing code from the blogger template but I am not sufficiently
proficient to make that work. I also tried absolute divs with
hilarious results. I guess those things are ok for the
occasional .jpeg but not a good way to construct a whole page?
Anyway thanks again and I'll have that url posted by tomorrow morning
at the latest.