HTML and CSS RSS HTML and CSS RSS

mac vs windows; help to resolve the problem

Reply

•
•
Join Date: Jun 2007
Posts: 5
Reputation: sevdiaz is an unknown quantity at this point 
Solved Threads: 0
sevdiaz sevdiaz is offline Offline
Newbie Poster

mac vs windows; help to resolve the problem

 
0
  #1
Jun 9th, 2007
Hi all,

I'm already creating some new website, honestly i've some problem when viewing in Windows platform. Maybe you can check the screenshoot that i attached. I've check on IE 6 and use firefox 2 on Windows...

or you can see live preview on; this for windows or this for mac
Definetly, there is no problem and of course, its nice to viewing on mac platform, use Safari or Firefox.

Please let me know how to resolved my case. Anyway, below are the code:

HTML
html Syntax (Toggle Plain Text) 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  5. <title>Bogalakon Pictures</title>
  6. <style type="text/css" media="screen">
  7. @import url("boga/theme/v1/assets/stylesheet/master.css");
  8. </style>
  9. <script src="boga/theme/v1/assets/other/fader.js" type="text/javascript"></script>
  10. </head>    
  11. <body id="index-body">
  12. <div id="header">
  13.     <div class="header-container">
  14.         <h1><a href="index.html" title="Bogalakon Pictures"><img src="boga/theme/v1/assets/images/logo_bl.png" alt="Bogalakon Pictures" width="176" height="48" /></a></h1>
  15.     </div>
  16.     <!-- HEADER CONTAINER -->
  17. </div><!-- HEADER -->
  18. <div id="wrap">
  19.     <div id="sideleft">
  20.         <ul id="nav">
  21.             <li><a href="#" title="Portfolio">Work</a></li>
  22.             <li><a href="about/index.html" title="About us">About</a></li>
  23.             <li><a href="#" title="Client's area">Login</a></li>
  24.             <li><a href="#" title="Contact us">Contact</a></li>
  25.         </ul>
  26.     </div><!-- SIDELEFT -->
  27.     <div id="sideright" class="clearfix">
  28.         <div class="inner">
  29.             <h2>News</h2>
  30.                 <div class="date">
  31.                     <p><span class="style2"><strong>New project</strong></span> &Iota; <span class="style1">12 May</span></p>
  32.                 </div>
  33.                 <p>I am happy to announce the <a href="#">onedia</a> website being featured at their media promotion. I'd like to say many thanks to <a href="#">Elance</a> for being my &quot;middle man&quot;.</p>
  34.                 <div class="date">
  35.                     <p><span class="style2"><strong>New project</strong></span> &Iota; <span class="style1">12 May</span></p>
  36.                 </div>
  37.                 <p>I am happy to announce the <a href="#">onedia</a> website being featured at their media promotion. I'd like to say many thanks to <a href="#">Elance</a> for being my &quot;middle man&quot;.</p>
  38.         </div><!-- INNER -->
  39.     </div><!-- SIDELEFT -->
  40. </div><!-- WRAP -->
  41. <div id="footer" class="clearfix">
  42.     <div class="footerinner">
  43.         <div class="address">
  44.             <p>Bogalakon Pictures</p>
  45.             <p>3rd and 4th floors</p>
  46.             <p>County House</p>
  47.             <p>33 - 34 Rathbone Place</p>
  48.             <p>London W1T 1JN</p>
  49.             <p>tel: +XX (X) XX XXXX</p>
  50.             <p>fax: +XX (X) XX XXXX</p>
  51.             <p><a href="mailto:info@bogalakonpics.com">info@bogalakonpics.com</a></p>
  52.         </div>
  53.         <p class="copy">&copy; 2007 Bogalakon Pictures.</p>
  54.     </div><!-- FOOTERINNER -->
  55. </div>
  56. <!-- FOOTER -->
  57. </body>
  58. </html>

CSS
[code=css]
.style1 {color: #666666}
.style2 {letter-spacing:0.1em;}

* html body{ /*IE6 hack*/
padding: 0 0 130px 0; /*Set value to (0 0 HeightOfFrameDiv 0)*/
}
* html #footer{ /*IE6 hack*/
height: 100%; width: 100%; }

:link,:visited {text-decoration:none }
ul,ol {list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0 }
a img,:link img,:visited img {border:none}
a {text-decoration:none;}
address {font-style:normal }

.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

/* Hides from IE-mac \*/

* html .clearfix {height:1%;}

.clearfix {display: block; display:inline-block;}

/* End hide from IE-mac */

body {padding-bottom:50px; font:11px "Trebuchet MS"; background:url(../images/site_bg.png) repeat-x;}
body#index-body {background-image: url(../images/site_bg800.png); background-repeat: repeat-x;}
#container { }
#header {background:url(../images/header_bg.png) 50% top no-repeat; margin-top:14px;}
#index-body #header {margin-bottom:0;}
.header-container {width:780px; height:105px; margin:0 auto; text-align:center; padding-top: 35px; position: relative;}
#wrap {width: 740px; margin:0 auto; height:200px;}
#sideleft {height: 137px; width:154px;float: left; background-image:url(../images/nav_bg.png); background-repeat:repeat-x;}
#nav {padding-top: 6px;}
#nav li a {display: block; font-size:1.9em; margin-left:14px; margin-top:1px; width:58px; color:#FFFFFF; letter-spacing:0.1em;}
#sideright {width:200px; float:right; height:200px; background-image:url(../images/news_bg.png); background-repeat:repeat-x; margin-top:15px;}
.inner {padding-left:12px; padding-top:9px; padding-right:8px;}
.date {margin-bottom:0.3em; margin-top:0.5em;}
.inner h2 {font-size:1.2em; margin-bottom:0.3em;}
.inner p {margin-bottom: 0.3em;}
.style1 {color: #666666}
.style2 {letter-spacing:0.1em;}
#footer {position:absolute; bottom:0; left:0px; width:100%; height:237px; overflow:hidden; color:white; background-image:url(../images/footer_bg3.png); background-repeat:repeat-x; background-position:left bottom;}
#index-body #footer {margin-bottom:0px;}
.footerinner {margin:0 auto; width:740px;}
.address {float:left; margin-top:25px; width:150px; padding-top:55px;}
.address p {font-size:1em;}
.address a {color:#ff6600;}
#index-body .address {float:left; margin:0;}
.copy {float:left; position:absolute; bottom:2.5em; letter-spacing:0.1em; font-size:0.9em;}
#aboutcontent {width: 525px; float: right; background-image: url(../images/news_bg.png); background-repeat: repeat-x; margin-top: 15px; overflow: auto; height: 237px;}
.innerabout {padding:9px 8px 9px 12px;}
.innerabout h2 {font-size: 1.2em; margin-bottom: 0.5em;}
.innerabout p {margin-bottom: 0.5em; margin-top: 1em;}
[code]
Attached Thumbnails
windows_IE.PNG   windows_firefox.PNG  
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2005
Posts: 16,142
Reputation: jbennet is a name known to all jbennet is a name known to all jbennet is a name known to all jbennet is a name known to all jbennet is a name known to all jbennet is a name known to all 
Solved Threads: 531
Moderator
Featured Poster
jbennet's Avatar
jbennet jbennet is offline Offline
Moderator

Re: mac vs windows; help to resolve the problem

 
0
  #2
Jun 9th, 2007
the site doesnt load at all. is it down?
If i am helpful, please give me reputation points.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2007
Posts: 3
Reputation: Wibby is an unknown quantity at this point 
Solved Threads: 0
Wibby Wibby is offline Offline
Newbie Poster

Re: mac vs windows; help to resolve the problem

 
0
  #3
Jun 9th, 2007
I have the same problem - my site is working perfectly on Safari, Netscape and Firefox - but IE the web site is throwing text all over the place - I need help - let me know if you get any ideas??
Designed on Mac
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2007
Posts: 5
Reputation: sevdiaz is an unknown quantity at this point 
Solved Threads: 0
sevdiaz sevdiaz is offline Offline
Newbie Poster

Re: mac vs windows; help to resolve the problem

 
0
  #4
Jun 9th, 2007
•
•
•
•
Originally Posted by jbennet View Post
the site doesnt load at all. is it down?
nope, i've already uploaded index and about page only right now....

well the interface work properly in mac (just like say, i work on mac)... please check it out why doesnt work properly on windows platform. need a helping hand. thanks
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2007
Posts: 3,203
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 165
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Nearly a Senior Poster

Re: mac vs windows; help to resolve the problem

 
0
  #5
Jun 14th, 2007
That's too much code to wade through without understanding your intent, but I would bet you have two styles which conflict applied to the same object, and that the two browsers are applying different rules to determine which style has priority.
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2004
Posts: 763
Reputation: Phaelax is on a distinguished road 
Solved Threads: 38
Phaelax Phaelax is offline Offline
Master Poster

Re: mac vs windows; help to resolve the problem

 
0
  #6
Jun 19th, 2007
judging by the screenshots, it looks like you're using PNG images. The following site explains the script I use to fix png display issues in IE.

http://homepage.ntlworld.com/bobosola/index.htm
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC