Image fixed on the left- fully visible, text on the right- HOW?

G

Guest

Hello
Simple layout:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>
<body>
<img src="menu.gif" height="100%" align="left" alt="menu">
<p align="justify">belbldksjfskf sljfklsjdflks jlsdjflksdf.</p>
</body>
</html>

Works perfectly in MSIE and Opera, but not in Firefox.
What I want is a picture "menu.gif" with height="100%" and proportionally
resized width placed
on left side of the page. The image should be fully visible even if the user
scrolls page down.
The text should be on the right side.

How can I do this "fixed" positioning of the image and how can I make
Firefox resize the image to 100% height and proportional width?

Regards
Talthen
 
B

Barbara de Zoete

<body>
<img src="menu.gif" height="100%" align="left" alt="menu">
Works perfectly in MSIE and Opera,

That's pure luck.
but not in Firefox.

You can't have an image (which is an inline element) directly in the body.
You need to have it in a block level element.

Meanwhile, instead of uploading (a bunch of) code within your posts, it's
best to create a live page, validate it, upload it, and present the URL to
it in your posts. That way if one wants to help out, one doesn't need to
copy/past/save/open in browser first to see the behaviour of the page. One
just clicks a link. Much more easy.
 

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

Members online

Forum statistics

Threads
473,755
Messages
2,569,535
Members
45,007
Latest member
obedient dusk

Latest Threads

Top