defnydd said:
<5b30dc85-7ed8-4cad-bbdd-ee9491c6d...@q24g2000prf.googlegroups.com>,
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.
<
http://validator.w3.org/>
<
http://jigsaw.w3.org/css-validator/>
Get the styles from out of inline and use classes, backgrounds can be
specified in CSS, why make an exception?
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:-
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 <br>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! <g> But if you take it, you really
have to strip as above (to save me the trouble).
