TalkPHP
 
 
Account Login
Latest Articles
» The basic usage of PHPTAL, a XML/XHTML template library for PHP
» Vulnerable methods and the areas they are commonly trusted in.
» Simple way to protect a form from bot
» The Basics On: How Session Stealing Works
» How to keep your forms from double posting data
Advertisement
Associates
Associates
techtuts Darkmindz
CSS Tutorials Tutorialsphere.com - Free Online Tutorials
Boston PHP SurfnLearn
Reply
 
LinkBack Thread Tools Search this Thread Display Modes
Old 06-12-2008, 09:23 AM   #1 (permalink)
The Contributor
 
Join Date: May 2008
Location: Denmark
Posts: 70
Thanks: 3
SpYkE112 is on a distinguished road
Default Why i dislike Internet Explorer!

So, i made this design, and it ofc validates without errors:
[Valid] Markup Validation of http://local.pulse101.net/design1/ - W3C Markup Validator

Also the css validates:
W3C CSS Validator results for http://local.pulse101.net/design1/ (CSS level 2.1)

But if you first take a look in Firefox it looks like it should, but in IE 7 it is a total mess, which means i would have to implement IE hacks, which i really don't wan't to :(

If anyone have some ideas then i would appreciate it!

I nearly forgot the link: iACP - Intelligent Admin Control Panel
SpYkE112 is offline  
Reply With Quote
Old 06-12-2008, 11:03 AM   #2 (permalink)
The Addict
Zend Certified 
 
Join Date: Sep 2007
Location: Denmark
Posts: 247
Thanks: 6
Kalle is on a distinguished road
Default

Because it validates doesn't mean that it should be working, your style logic needs to work out aswell. Maybe your logic is right yea. If it was about validation I could easily produce some IE only pages with valid XHTML/CSS ;)
__________________
Send a message via MSN to Kalle Send a message via Skype™ to Kalle
Kalle is offline  
Reply With Quote
Old 06-12-2008, 11:29 AM   #3 (permalink)
The Wanderer
 
Join Date: May 2008
Posts: 10
Thanks: 0
Folio is on a distinguished road
Default

start developing on top of a reset stylesheet
i use yahoo's at: Yahoo! UI Library: Reset CSS

when i come to hacking so it works in old browsers, i find i have to do less stuff because everything started from the same values.
Folio is offline  
Reply With Quote
Old 06-12-2008, 03:07 PM   #4 (permalink)
The Gregarious
 
delayedinsanity's Avatar
 
Join Date: Mar 2008
Location: Cana'derr
Posts: 653
Thanks: 24
delayedinsanity is on a distinguished road
Default

Resets don't always fix problems with layouts, they just provide you with a normalized base to work from... in a lot of cases, far more normalized than you need - it's almost like frameworks for CSS. Snazzy, but if you don't need the bloat, don't hop on the boat... er, bandwagon. IMHO.

Spyke, the problem with your page in this case is how IE's rendering your img... since the ID is part of the IMG itself and not a DIV that wraps it, IE feels the need to add some whitespace after itself. I would,

a) add a line break <br /> directly after your IMG element (on the same line in the file)
b) remove the ID from the IMG element and wrap the whole thing in a DIV with the same ID (will cause your border to render farther out, until you specify a new width, but will fix your whitespace problem)
c) modify your logic so that the border necessary to the menu is permanently attached to the menu (such as by adding a BORDER attribute to your UL#menu), which would also have the future benefit of allowing you to remove other elements without breaking that one.
d) get rich, buy Microsoft, and do us all a favour and discontinue internet exploder. :)

-m
delayedinsanity is offline  
Reply With Quote
Old 06-12-2008, 04:06 PM   #5 (permalink)
The Frequenter
Advanced Programmer Top Contributor Good Samaritan 
 
Join Date: Oct 2007
Location: Manchester, UK
Posts: 469
Thanks: 26
sketchMedia is on a distinguished road
Default

Argh, internet explorer winds me up no end, it really is the bane of my very existence it.
__________________
sketchMedia is offline  
Reply With Quote
Old 06-12-2008, 04:11 PM   #6 (permalink)
The Contributor
 
Join Date: May 2008
Location: Denmark
Posts: 70
Thanks: 3
SpYkE112 is on a distinguished road
Default

Well i fixed it by using a display: block; in the image, really weird :S
SpYkE112 is offline  
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

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

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


All times are GMT. The time now is 12:29 AM.

 
     

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0