I've condensed my problem down to the HTML and CSS below.

I'm trying to get IE 6 to use the same layout as FF 1.5.

In FF the "Lorem ipsum" paragraph is at the top of the page, while IE
6 shifts it
down close to the height of the "Message Box"

HTML, CSS below -- or See http://test.spacetimebrowser.org/test.html

How can I make IE lay out the page the same way that FF does?

Thanks a lot,

Stephan


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>

<html>
<head>
  <meta http-equiv="Content-Type" content=
  "text/html; charset=us-ascii">

  <title>test</title>
  <link rel="stylesheet" type="text/css" media="all" href=
  "/style.css" title="win2k-cold-1">
</head>

<body>
  <div class='top'>
    <div class='top-title'>
      <p>Testing page</p>
    </div>
  </div>

  <div class='content'>
    <div class='messagebox'>
      Messages box Messages box Messages box Messages box Messages
      box Messages box
    </div>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras
    at justo. Donec massa eros, luctus ac, porttitor ut, cursus non,
    dui. Etiam commodo pretium dui. Sed leo dolor, condimentum ut,
    eleifend ut, porttitor at, risus. Maecenas sagittis rhoncus
    nunc. Donec posuere. Pellentesque ultricies semper lectus.</p>

  </div>
</body>
</html>

CSS

.top {
  float: right;
  width: 400px;
}
.top-title{
  float: right;
  width: 300px;
  height: 300px;
}
.messagebox {
  float: right;
  width: 200px;
  clear: both;
}

-- 
Stephan Wehner
> http://stephan.sugarmotor.org
> http://stephansmap.org
> http://www.trafficlife.com
> http://www.buckmaster.ca
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to