Back To Website Design Forum

[help]ie and mozilla

  • marimati
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Mar 11, 2008
  • Posts: 9
  • Loc: ID>JKT;
  • Status: Offline

Post September 26th, 2008, 9:31 pm

hello all, i have a problems with css code between the way i preview in mozilla and IE.

preview in mozilla :
Image

preview in IE (bad layout) :
Image

this is the css :
Code: [ Select ]
@charset "utf-8";
body {
    background-image: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
#sidebar {
    position: absolute;
    width: 174px;
    right: 200px;
    top: 80px;
}
#content {
    position: absolute;
    height: 358px;
    width: 440px;
    left: 172px;
    top: 160px;
}
#footer {
    background-color: #8B8B8B;
    position: absolute;
    width: 702px;
    bottom: 23px;
    text-align: center;
    left: 148px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #333333;
}
 
  1. @charset "utf-8";
  2. body {
  3.     background-image: url(images/bg.jpg);
  4.     background-repeat: no-repeat;
  5.     background-position: center center;
  6.     background-attachment: fixed;
  7. }
  8. #sidebar {
  9.     position: absolute;
  10.     width: 174px;
  11.     right: 200px;
  12.     top: 80px;
  13. }
  14. #content {
  15.     position: absolute;
  16.     height: 358px;
  17.     width: 440px;
  18.     left: 172px;
  19.     top: 160px;
  20. }
  21. #footer {
  22.     background-color: #8B8B8B;
  23.     position: absolute;
  24.     width: 702px;
  25.     bottom: 23px;
  26.     text-align: center;
  27.     left: 148px;
  28.     padding-top: 5px;
  29.     padding-bottom: 5px;
  30. }
  31. .footer {
  32.     font-family: Verdana, Arial, Helvetica, sans-serif;
  33.     font-size: x-small;
  34.     color: #333333;
  35. }
  36.  


how to fix it?! in order when i preview in IE or mozilla, the both layout look same.

sorry for my bad english.thx.
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post September 26th, 2008, 9:31 pm

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post October 3rd, 2008, 1:29 am

What does it look like in a different browser such as opera or something? Id check my self but there is no link
^__^
  • wanna kill
  • Beginner
  • Beginner
  • User avatar
  • Joined: Sep 08, 2008
  • Posts: 36
  • Status: Offline

Post October 3rd, 2008, 4:00 am

I also looking for someone who can give the answer. I also wanted to know that their is any specific and special code that can solve all the prob occur b/t FF and IE and also other browsers.

thanks
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post October 12th, 2008, 11:48 pm

Okay I am sure that I would be able to help you, please can you post a link, or all the code, because that's not all the CSS, I'm pretty sure about that ...
Let's leave all our *plum* where it is and go live in the jungle ...

Page 1 of 1

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 105 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
 
 

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