I have a very odd problem that has boggled my head. I've been trying to
get a 2 column layout working with CSS. The problem seems to occur with
the use of the <script> tag in the document.
I've been reworking the CSS to use percentages rather than fixed
widths. I'd like a two column page with header, footer, main body -with
sidebar. I'd like the sidebar to have a fixed size and the mainbody to
follow the browser window size *preferably* with a minimum size.
I haven't quite achieved it - but it's not *bad*. Konqueror only
displays a tiny part of my sidebar - but it looks not too bad in
firefox and IE.
I've come across a problem I can't get round. When there is a
<script.... tag in the page body that has a src="url... atribute it
pushes the contents of the sidebar down - in firefox only. (works in IE
and Opera)
This is very weird - I can't think of any reason why. The script just
fetches a very small bit of javascript and there is no reason why it
should affect page layout or structure (as far as I can tell). It's a
nuisance because I want to include a javascript site meter in the body
of all the python pages.
A so far unaffected page :
http://www.voidspace.org.uk/python/index.shtml
One with the problem :
http://www.voidspace.org.uk/python/cgi.shtml
The problem on this page (firefox only) comes because of the javascript
random link generator at :
http://www.voidspace.org.uk/python/cgi.shtml#randlink
The css is basically valid, the only error comes from using a custom
mozilla rule.
http://jigsaw.w3.org/css-validator/v...usermedium=all
The only error in the HTML come from using some unescaped '&' in a url
and an unescaped script - so the document structure is ok.
http://validator.w3.org/check?uri=ht...on%2Fcgi.shtml
Does anyone know what is going on ?
I'm not sure if it's a CSS problem or an HTML problem..
Regards,
Fuzzy
http://www.voidspace.org.uk/python/index.shtml