Go Back   Webmaster Malaysia Forum » Website Design & Development » Website Design

Reply
 
LinkBack Thread Tools Search this Thread Rate Thread Display Modes
  #1 (permalink)  
Old 14-01-2008, 01:19 PM
New kid on the block
 
Join Date: Aug 2004
Location: Malaysia
Posts: 5
Rep Power: 0
rdhanz is on a distinguished road
Send a message via Yahoo to rdhanz
Post Different browser, different result

I put a picture to my blog as a header and it look nice in IE. However, when I open the blog using Firefox, Opera, and Safari, the result is different. Can someone tell me why and how can I fix it?

rdhanz.blogspot.com

Thanks in advance.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #2 (permalink)  
Old 14-01-2008, 03:02 PM
mysticmind's Avatar
Super Moderator
 
Join Date: Jun 2001
Location: Mystic Kingdoms
Posts: 2,632
Rep Power: 142
mysticmind will become famous soon enough mysticmind will become famous soon enough
Send a message via Yahoo to mysticmind
that's why we must code our html / css in the proper way.. w3c standard.

in your case.. you shouldn't put your header image in "widget content".
but in 'header div' itself.


*//alahai.. ada cerita pasal aku la pulak kat situ.. ^_^
__________________
Personal's Blog! - Malaysian Artist!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #3 (permalink)  
Old 14-01-2008, 06:50 PM
New kid on the block
 
Join Date: Aug 2004
Location: Malaysia
Posts: 5
Rep Power: 0
rdhanz is on a distinguished road
Send a message via Yahoo to rdhanz
Oh... OK... Um, although I'm not sure that what I've understand is 100% correct, but I'll try to solve it and I'll post the result.

to bro mysticmind: adus... lupa pulak brader active gak kat sini...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #4 (permalink)  
Old 14-01-2008, 09:11 PM
iamfreelancer's Avatar
Vibrate your Brain Please
 
Join Date: Sep 2005
Location: in my body lar...
Posts: 1,244
Rep Power: 63
iamfreelancer will become famous soon enough iamfreelancer will become famous soon enough
nothing wrong with ie and firefox now.... maybe u have fixed it...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #5 (permalink)  
Old 15-01-2008, 09:56 PM
New kid on the block
 
Join Date: Aug 2004
Location: Malaysia
Posts: 5
Rep Power: 0
rdhanz is on a distinguished road
Send a message via Yahoo to rdhanz
iamfreelancer: um, the problem is the big picture placement. it supposed to be at the center of the page. but, in opera, firefox and safari, it's still to the right. i still didn't to anything to solve it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #6 (permalink)  
Old 15-01-2008, 10:49 PM
mazudi's Avatar
Novice Webmaster
 
Join Date: Feb 2007
Location: Sabah
Posts: 47
Rep Power: 0
mazudi is on a distinguished road
Try google for css hack. Ada sesetengah tag yang di ignore oleh IE tapi boleh dibaca oleh Firefox.
eg: html >body .namaclass {} di abaikan oleh IE, tapi Firefox baca benda ni sebagai valid tag, jadi kita boleh guna kekurangan pada IE ini untuk beri style pada Firefox dan tidak beri kesan pada IE.
Tapi, kadang kadang w3c akan menganggap css hack ini sebagai error.
__________________
mazudi.com//the notes
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #7 (permalink)  
Old 16-01-2008, 08:58 AM
mysticmind's Avatar
Super Moderator
 
Join Date: Jun 2001
Location: Mystic Kingdoms
Posts: 2,632
Rep Power: 142
mysticmind will become famous soon enough mysticmind will become famous soon enough
Send a message via Yahoo to mysticmind
sekarang code dia seperti ini
HTML Code:
  <div class='widget-content'>
    <http://rdhanz.blogspot.com/ target="_blank"><img border="0" src="http://i182.photobucket.com/albums/x158/rdhanz/terangilah.jpg"/></http://rdhanz.blogspot.com/>
  </div>
susah nak manage.. sebab class widget-content tuh banyak yang pakai..
windget content tuh mungkin dah ada margin-left : 10px, itu yang buat dia 'tergerak ketengah sikit tuh (tapi IE abaikan margin kadang2
)
sepatutnya gambar itu duduknya di header div.
HTML Code:
    <div id='header-wrapper'>
      <div class='header section' id='header'><div class='widget HTML' id='HTML4'>
saya nampak code macam terabur..
tapi bleh try code nih :
HTML Code:
  <div>
    <http://rdhanz.blogspot.com/ target="_blank"><img border="0" src="http://i182.photobucket.com/albums/x158/rdhanz/terangilah.jpg"/></http://rdhanz.blogspot.com/>
  </div>
buangkan assigned class content tuh..
try jadi tak.
__________________
Personal's Blog! - Malaysian Artist!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #8 (permalink)  
Old 16-01-2008, 02:06 PM
New kid on the block
 
Join Date: Aug 2004
Location: Malaysia
Posts: 5
Rep Power: 0
rdhanz is on a distinguished road
Send a message via Yahoo to rdhanz
thanks to bro mysticmind n bro mazudi. finally, it's fixed! yay! 15px for top, left n right margins. looks neat!

p.s.: saya tak ubah apa2 coding pun... saya ejas background dia kasi senget ke kanan sikit. tu yg nampak mcm sempit je ruang kiri untuk tulisan. saya dapat idea ni lepas buka blog ni ngn IE7. rupa2nya, semua browser baru mmg mcm tu...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #9 (permalink)  
Old 16-01-2008, 03:00 PM
mysticmind's Avatar
Super Moderator
 
Join Date: Jun 2001
Location: Mystic Kingdoms
Posts: 2,632
Rep Power: 142
mysticmind will become famous soon enough mysticmind will become famous soon enough
Send a message via Yahoo to mysticmind
tapi lari semakin banyak dalam IE6
__________________
Personal's Blog! - Malaysian Artist!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #10 (permalink)  
Old 17-01-2008, 10:59 AM
New kid on the block
 
Join Date: Aug 2004
Location: Malaysia
Posts: 5
Rep Power: 0
rdhanz is on a distinguished road
Send a message via Yahoo to rdhanz
My visitor's browser:
1) Firefox: 38.2%
2) IE6: 21% <-- This makes me worry
3) IE7: 19%
4) Opera: 14.8% <-- I use this one
5) Others: 7%

macam syok sendiri pulak, diri sendiri n kawan2 terdekat je yg nmpk kemas design tuh... sdg 21% percent lg sakit mata menatap design yg senget... huhuhu
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
I want to share my RESEARCH Result: Online Earnings dunsong Other Internet Marketing Methods 5 24-02-2007 01:12 PM
Google redesigns search result page starsearcher Mamak Stall 0 21-04-2006 03:00 PM
The best web browser mozaks Mamak Stall 44 08-02-2006 03:37 AM
Look different on different browser GeminiGeek Website Design 10 27-10-2004 09:49 AM
Browser incompatibility terranovae Website Design 7 18-05-2002 02:01 AM



All times are GMT +8. The time now is 12:22 PM. Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO 3.1.0 vBulletin skin by ForumMonkeys.com.


WebmasterMalaysia.com is Proudly Hosted by Exabytes Semi Dedicated Server.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60