Page header with 2 img's (left and right aligned)

#1 July 20th, 2005, 10:28 PM

Hi

I'm trying to get a <div> displaying at the top of my page containing 2
img's: 1 left aligned and 1 right aligned. I can't get this to work, and
it's driving me up the wall!! Here's the HTML :-

--
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/DTD/strict.dtd">
<html>
<body style="margin: 0; border: 0; padding: 0;">
<div style="margin: 0; border: 0; padding: 0; background:
url(image2.gif) repeat-x;">
<img src="image1.gif" style="float: left;">
<img src="image3.gif" style="float: right;">
</div>

<div class="body" style="float: both;">
some text here...
</div>
</body>
</html>
--

Because i'm using 'float', the "some text here" is appearing at the very
top of the page. All i want is a <div> with 2 images!!

Please help.

Ben

#2 July 20th, 2005, 10:28 PM

On Mon, 26 Jan 2004 22:20:23 +0000, bengee
<postmaster@localhost.localdomain> wrote:

[color=blue]
> <div class="body" style="float: both;">[/color]

clear: both, not float: both.

#3 July 20th, 2005, 10:28 PM

Neal wrote:[color=blue][color=green]
>> <div class="body" style="float: both;">[/color]
>
>
> clear: both, not float: both.[/color]

Thanks Neal!

bengee

What is Bytes?

Popular Articles