• Web Design (WordPress, Joomla, etc.)

  simple css layout question

  Posted by Jpd on October 19, 2005 at 5:14 am

  so i’m trying to position three containers to fit snugly into an 800x175px header. one large one on the left, and two smaller – one on top of the other – on the right. The code below works for Safari but not for explorer (at least not 5.5)

  .container
  {
  background-color: #FFFFFF;
  width: 800px;
  height:700px;
  margin-left: auto;
  margin-right: auto;
  }

  .logo
  {
  float:left;
  background-color: #008D00;
  width: 550px;
  height: 175px;
  }

  .flash
  {
  float:left;
  background-color:#FFCC33;
  width:250px;
  height:117px;
  }

  .espanol
  {
  float:left;
  background-color:#FFCC66;
  width: 250px;
  height: 58px;
  }

  it seems like it should work, but the “espanol” div breaks out below the logo div in IE 5.5.

  any help would be greatly appreciated,

  thanks,

  JPD

  Gord replied 20 years, 7 months ago 2 Members · 1 Reply
• 1 Reply

• 

  Gord

  October 20, 2005 at 12:14 pm

  < body >
  < div class="container" >
  < div class="logo">< /div >
  < div class="flash">< /div >
  < div class="espanol" >< /div >
  < /div >
  < /body >

  ???? works fine on explorer 5.5 PC . could be an issue with the MAC version ?

  maybe try adding { border:0px;margin:0px;padding:0px; } to each div container.
  One of these could be forcing the div down ?

  Gord

Reply to this Discussion! Login or Sign Up