By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,624 Members | 2,179 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,624 IT Pros & Developers. It's quick & easy.

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

P: n/a
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
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
On Mon, 26 Jan 2004 22:20:23 +0000, bengee
<po********@localhost.localdomain> wrote:

<div class="body" style="float: both;">


clear: both, not float: both.
Jul 20 '05 #2

P: n/a
Neal wrote:
<div class="body" style="float: both;">

clear: both, not float: both.


Thanks Neal!

bengee
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.