Page 1 of 2 12 LastLast
Results 1 to 16 of 19

Thread: Why does IE hate CSS? Tell me Firefox...

  1. #1
    Senior Member
    Join Date
    Jul 2003
    Posts
    1,066
    Thanks
    1
    Thanked
    0 times in 0 posts

    Why does IE hate CSS? Tell me Firefox...

    I've read all about the sheer laziness of IE and it's literal butchering of web standards but now that I'm actually trying some things and have been freed from its clutches, or so I thought, I'm running into problems...

    Page in Question

    I have three elements in the page - <div> to be prescise.

    Each has a defined width, height and absolute position. In firefox everything works PERFECTLY, yet when I load it into IE all hells breaks loose.

    I'm aware of the existance of all these "hacks" to get around such quirks, can anyone enlighten me?

    While I'm on the topic how would I center those <div> elements on a page? Not quite sure how to go about that rather than having them aligned to the left of the page with absolute positioning.

    (EDIT - Forgot link...)
    Last edited by RoGuE|SaBeR; 21-06-2004 at 12:12 AM.

  2. #2
    Commander Keen
    Join Date
    Nov 2003
    Location
    217.27.240.214
    Posts
    624
    Thanks
    0
    Thanked
    0 times in 0 posts
    my general advice... being a css novice is to google for "free css" and then to edit one of the lovely tested cross browser setups to have your evil designs in it.

    I am having a little fiddle with your setup at the moment to get the center added !
    will detail my mods later.

  3. #3
    Senior Member
    Join Date
    Jul 2003
    Posts
    1,066
    Thanks
    1
    Thanked
    0 times in 0 posts
    danke m8.

    Really want to make this up myself and learn. Been looking at a few examples on CSS Garden etc. and really want to learn the old Style Sheets of the Cascading variety

  4. #4
    Commander Keen
    Join Date
    Nov 2003
    Location
    217.27.240.214
    Posts
    624
    Thanks
    0
    Thanked
    0 times in 0 posts
    hmm.. I know. But i am learning by like doing. If you find a css format you like from a free repository. note.. ALMOST all nice looking formats have been covered somewhere by someone, and then it is your job to edit the colours and alignments to suit yourself. If you want true compatibility I am afraid it is best to use stuff that is pre tested.



    [EDIT]

    forgot to add, getting your stuff to center is being a bit of a bitch.
    it seems to be the width tag.

    in the html the line to center a css div is simply
    <div id="header" align="center">. but some aspect of the css is stopping it from working.

    will get back 2 you.

    the best tutorials available w3sck00ls
    Last edited by killgORE; 21-06-2004 at 12:46 AM.

  5. #5
    Commander Keen
    Join Date
    Nov 2003
    Location
    217.27.240.214
    Posts
    624
    Thanks
    0
    Thanked
    0 times in 0 posts
    well. I have a job interview tomorrow morning.. so I can't get this finished at the moment. It works in firer0x but not in "crap-E". Made some little decisions about formatting. To get the whole thing aligned in the middle...

    I made an "outer" css div thingy, and then all the divs used in the html must be inside this wrapper "outer" div. This ensures everything is centered as long as outer is centered. Then I removed all the absolute positionings and some css stuff that was not needed.

    I hope this helps you. There is a zip file here with the relevant code...
    here

  6. #6
    Sublime HEXUS.net
    Join Date
    Jul 2003
    Location
    The Void.. Floating
    Posts
    11,819
    Thanks
    213
    Thanked
    233 times in 160 posts
    • Stoo's system
      • Motherboard:
      • Mac Pro
      • CPU:
      • 2*Xeon 5450 @ 2.8GHz, 12MB Cache
      • Memory:
      • 32GB 1600MHz FBDIMM
      • Storage:
      • ~ 2.5TB + 4TB external array
      • Graphics card(s):
      • ATI Radeon HD 4870
      • Case:
      • Mac Pro
      • Operating System:
      • OS X 10.7
      • Monitor(s):
      • 24" Samsung 244T Black
      • Internet:
      • Zen Max Pro
    Oh, that's so much fun getting things to work in IE..

    Is the kind of thing you're trying to do the same as this?

    If so, I can sling you the relevent code..
    Last edited by Stoo; 21-06-2004 at 02:29 PM.
    (\__/)
    (='.'=)
    (")_(")

  7. #7
    Senior Member
    Join Date
    Jul 2003
    Posts
    1,066
    Thanks
    1
    Thanked
    0 times in 0 posts
    Thanks so much guys!

    That is definately on the right lines there KillgORE. Best of luck with your interview!!

    Stoo I'll PM you with my email if it aint much hassle for the code, would like to try that layout as well. Cheers muchly!

  8. #8
    Commander Keen
    Join Date
    Nov 2003
    Location
    217.27.240.214
    Posts
    624
    Thanks
    0
    Thanked
    0 times in 0 posts
    rogue|saber.. if you want stoos css. first ask - think this is implicit... and then just use this link.
    here

    links to css are embedded in the html source page.

    the interview went well. will update my thread in the general discussion forum about it.

  9. #9
    Senior Member
    Join Date
    Jul 2003
    Posts
    1,066
    Thanks
    1
    Thanked
    0 times in 0 posts
    PM'd to ask b4 I took it from the html. Only manners

    Shall be reading the job thread.

  10. #10
    HEXUS.net Webmaster
    Join Date
    Jul 2003
    Location
    UK
    Posts
    3,108
    Thanks
    1
    Thanked
    0 times in 0 posts
    replace all the CSS in your style sheet with this

    Code:
    body {
    	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    	margin: 5px;
    	background: white;}
    
    #header, #navbar, #content {
    	width: 768px;
    	margin: 0 0 5px 0;
    	padding: 2px;
    	background: #DEDEDE;
    	border: 1px solid black;}

  11. #11
    Senior Member
    Join Date
    Jul 2003
    Posts
    1,066
    Thanks
    1
    Thanked
    0 times in 0 posts
    Legend Az

    You probably nearly died when you saw all the extra crap in my style sheet

  12. #12
    HEXUS.net Webmaster
    Join Date
    Jul 2003
    Location
    UK
    Posts
    3,108
    Thanks
    1
    Thanked
    0 times in 0 posts
    lol, no, my style sheets always look like that during development. The trick is to go back through them and check for inheritance once you've got it looking right

  13. #13
    Sublime HEXUS.net
    Join Date
    Jul 2003
    Location
    The Void.. Floating
    Posts
    11,819
    Thanks
    213
    Thanked
    233 times in 160 posts
    • Stoo's system
      • Motherboard:
      • Mac Pro
      • CPU:
      • 2*Xeon 5450 @ 2.8GHz, 12MB Cache
      • Memory:
      • 32GB 1600MHz FBDIMM
      • Storage:
      • ~ 2.5TB + 4TB external array
      • Graphics card(s):
      • ATI Radeon HD 4870
      • Case:
      • Mac Pro
      • Operating System:
      • OS X 10.7
      • Monitor(s):
      • 24" Samsung 244T Black
      • Internet:
      • Zen Max Pro
    http://www.meyerweb.com/eric/css/ref...s/css2ref.html
    <-- good resource

    I've got a few bookmark scriptlets which help when you're developing a site too
    (\__/)
    (='.'=)
    (")_(")

  14. #14
    Commander Keen
    Join Date
    Nov 2003
    Location
    217.27.240.214
    Posts
    624
    Thanks
    0
    Thanked
    0 times in 0 posts
    another GREAT thing that firer0x has.. is this development plugin "web developer 0.8".

    Seriously.. this thing is SOOOOOO useful.

    It adds this CSS tab to the menu.. u can get it w3c validated, and edit it with the page updating immediately.. how darn good is that ? but this is me just yacking on again... why not try it
    here

    there is another extention that lauches ie with the current page... but this is less useful !!

  15. #15
    HEXUS.net Webmaster
    Join Date
    Jul 2003
    Location
    UK
    Posts
    3,108
    Thanks
    1
    Thanked
    0 times in 0 posts
    also the extensions editCSS that allows you to play aroud with the style sheet on any website and see the immediate effects. If you're tackling a CSS based design it's invaluable

  16. #16
    Sublime HEXUS.net
    Join Date
    Jul 2003
    Location
    The Void.. Floating
    Posts
    11,819
    Thanks
    213
    Thanked
    233 times in 160 posts
    • Stoo's system
      • Motherboard:
      • Mac Pro
      • CPU:
      • 2*Xeon 5450 @ 2.8GHz, 12MB Cache
      • Memory:
      • 32GB 1600MHz FBDIMM
      • Storage:
      • ~ 2.5TB + 4TB external array
      • Graphics card(s):
      • ATI Radeon HD 4870
      • Case:
      • Mac Pro
      • Operating System:
      • OS X 10.7
      • Monitor(s):
      • 24" Samsung 244T Black
      • Internet:
      • Zen Max Pro
    oooh *downloads*

    (\__/)
    (='.'=)
    (")_(")

Page 1 of 2 12 LastLast

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Tried Firefox yet?
    By Steve in forum Software
    Replies: 70
    Last Post: 17-06-2004, 03:45 PM
  2. I hate zidane.
    By yamangman in forum General Discussion
    Replies: 11
    Last Post: 14-06-2004, 07:31 AM
  3. Firebird dies, Firefox rises from the ashes
    By Iain in forum General Discussion
    Replies: 21
    Last Post: 10-02-2004, 08:14 AM
  4. divs and CSS
    By Kezzer in forum Software
    Replies: 11
    Last Post: 18-11-2003, 12:51 PM
  5. CSS Help
    By Basher in forum Software
    Replies: 19
    Last Post: 10-09-2003, 08:13 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •