h2g2 The Hitchhiker's Guide to the Galaxy: Earth Edition

Works in IE & FireFox. In Opera 7.23, it works on one page but not another. The idea is to have a picture with the text wrapped around it.

Works http://www.captainclassfrigates.co.uk/begining/final.html
Not Works http://www.captainclassfrigates.co.uk/index_1.html

CSS
#float {
float: left;
margin-right: 20px;
}

#float p {
text-align: center;
font-size : xx-small;
}

#float img {
margin-right: 20px;
}

http://www.captainclassfrigates.co.uk/style1.css
http://www.captainclassfrigates.co.uk/style.css

Any ideas

Do you use the same style sheet for both pages? Because in the style.css it says:

#float {

float : none;

text-align : center;

clear : both;

}

but in style1.css it says:



#float {
float: left;
margin-right: 20px;
}

style.css is the basic style sheet for all CSS aware browsers (works with NS4, IE3, etc).

style1.css is loaded using a command that only more advanced browsers will understand & contains additional style information, where the style is different style1.css should take precedence.

If you use Opera you should be able to see the document without style1.css by pressing the F 11 key for full screen (I know how to fix this bug but at the mo it's useful).

Both style sheets should be used by both pages.

Is there any difference on the first page if you make the caption beneath the page into a link? The only difference I notice is that the second page has that text linked, so maybe the styles on the tag are causing the strange behavior.

worth a try ...