Back To Website Design Forum

Layout In IE

  • Bobbo171
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Jun 27, 2004
  • Posts: 174
  • Status: Offline

Post July 30th, 2004, 4:03 am

A layout I am currently trying to finish up coding went haywire in IE after I added in the footer, Here. Barely any of it shows up :?
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 30th, 2004, 4:03 am

  • Vladdrac
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Feb 04, 2004
  • Posts: 2136
  • Loc: Louisville, Ky
  • Status: Offline

Post July 30th, 2004, 11:30 am

I think your problem may be clear:both;

Code: [ Select ]
#footer{
    clear:both;
  width:889px;
  height:135px;
  background: url('http://www.lordinuyasha.com/_img/v3/footer.gif');
}
  1. #footer{
  2.     clear:both;
  3.   width:889px;
  4.   height:135px;
  5.   background: url('http://www.lordinuyasha.com/_img/v3/footer.gif');
  6. }

when I took that out it appeared fine


http://archivist.incutio.com/viewlist/css-discuss/23313
  • Bobbo171
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Jun 27, 2004
  • Posts: 174
  • Status: Offline

Post July 30th, 2004, 12:14 pm

Thanks that worked great :P
  • Bobbo171
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Jun 27, 2004
  • Posts: 174
  • Status: Offline

Post July 30th, 2004, 12:56 pm

Know how I said that whole thing about it working great....i was wrong :(
Without the clear:both; the layout looks fine in IE, but not in Netscape....I cant even put in clear:left; or else it looks bad in IE :(
  • Vladdrac
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Feb 04, 2004
  • Posts: 2136
  • Loc: Louisville, Ky
  • Status: Offline

Post July 30th, 2004, 1:16 pm

It looks fine if you use absolute positioning

Code: [ Select ]
#footer{
        position:absolute;
        left:0px;
        top:500px;
  width:889px;
  height:135px;
  background: url('http://www.lordinuyasha.com/_img/v3/footer.gif');
}    
  1. #footer{
  2.         position:absolute;
  3.         left:0px;
  4.         top:500px;
  5.   width:889px;
  6.   height:135px;
  7.   background: url('http://www.lordinuyasha.com/_img/v3/footer.gif');
  8. }    


both in ie and gecko

but it is going to mess up your floating properties which I haven't looked at. Maybe you will have to work around that somehow
  • Bobbo171
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Jun 27, 2004
  • Posts: 174
  • Status: Offline

Post July 30th, 2004, 1:45 pm

setting it to absolute wouldnt work, becuase i need it to expand with the rest of the layout, but i think ive got it fixed by setting it to float to the left
  • Vladdrac
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Feb 04, 2004
  • Posts: 2136
  • Loc: Louisville, Ky
  • Status: Offline

Post July 30th, 2004, 2:01 pm

sorry I couldn't help you anymore...good luck

Page 1 of 1

Post Information

  • Total Posts in this topic: 7 posts
  • Users browsing this forum: No registered users and 142 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.