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

Thread: CSS / IE Help

  1. #1
    Senior Member
    Join Date
    Aug 2004
    Location
    London
    Posts
    341
    Thanks
    3
    Thanked
    1 time in 1 post

    CSS / IE Help

    First things first, I hate I.E!!!

    I'm putting a site/blog together from hacking and slashing a Wordpress theme to perfection, everything looks fine in Opera, Firefox and Safari BUT not I.E.

    This is what it should look like :

    Correct

    Here's what it looks like in I.E:

    Wrong

    I've had to use an htc script to enable IE to see hover over effects but i can't seem to get I.E to position the search box in the right place! I.E also seems to get the search and submit box borders wrong, that issue should be easier for me to solve but the positioning i have no clue on.

    I.E also makes the width of the page a tad bit larger than what it should be so the browser arrow at the bottom is scrollable! Small problem, but annoying!

    Here's the code :

    CSS - Style

    CSS - Nav

    Site is at : Collective Visual

    Would love to know if anyone has any input on this.

    Many thanks!

  2. #2
    Don't feed the trolls... tiggerai's Avatar
    Join Date
    Aug 2003
    Location
    Milk & Beans
    Posts
    9,286
    Thanks
    271
    Thanked
    479 times in 313 posts
    • tiggerai's system
      • Motherboard:
      • Gigabyte MA770T-UD3P
      • CPU:
      • AMD PhenomII 955BE
      • Memory:
      • 4Gb Corsair XMS DDR3
      • Storage:
      • Lots
      • Graphics card(s):
      • Sapphire X1950XT
      • PSU:
      • Hiper Type-R 550w
      • Case:
      • Antec lovely black thing
      • Operating System:
      • Windows 7
      • Monitor(s):
      • 2x 20" widescreen
      • Internet:
      • Pipexpants

    Re: CSS / IE Help

    I'll have a look tomorrow when I'm at work...

    Edit: It looks like a width or something is pushing that box to wrap under the nav... that's usually what causes it anyway.

    nice clean design though, not too busy... good work!

  3. #3
    Senior Member
    Join Date
    Aug 2004
    Location
    London
    Posts
    341
    Thanks
    3
    Thanked
    1 time in 1 post

    Re: CSS / IE Help

    Quote Originally Posted by tiggerai View Post
    I'll have a look tomorrow when I'm at work...

    Edit: It looks like a width or something is pushing that box to wrap under the nav... that's usually what causes it anyway.

    nice clean design though, not too busy... good work!
    Thanks mate, trying to keep it as simple and clean as possible! The template it came from was simple but was still far too messy and had everything at a fixed width, can't be doing that now in this day and age!

    Yea i'm thinking the same but i can't seem to find it, hopefully it is something simple like that - will look forward on hearing what you find tomorrow at work!

  4. #4
    Don't feed the trolls... tiggerai's Avatar
    Join Date
    Aug 2003
    Location
    Milk & Beans
    Posts
    9,286
    Thanks
    271
    Thanked
    479 times in 313 posts
    • tiggerai's system
      • Motherboard:
      • Gigabyte MA770T-UD3P
      • CPU:
      • AMD PhenomII 955BE
      • Memory:
      • 4Gb Corsair XMS DDR3
      • Storage:
      • Lots
      • Graphics card(s):
      • Sapphire X1950XT
      • PSU:
      • Hiper Type-R 550w
      • Case:
      • Antec lovely black thing
      • Operating System:
      • Windows 7
      • Monitor(s):
      • 2x 20" widescreen
      • Internet:
      • Pipexpants

    Re: CSS / IE Help

    I template as a job, so come across this kinda stuff everyday (usually my own doing though!)

    Fixed width = no. (IMHO)

    Can't promise anything but I'll have a look, see if I can see any probs.

  5. #5
    Senior Member
    Join Date
    Jan 2008
    Posts
    204
    Thanks
    5
    Thanked
    5 times in 5 posts

    Re: CSS / IE Help

    Add
    Code:
    float:left
    to
    Code:
    .lead
    I think that should fix it. If not let me know.

  6. #6
    Senior Member
    Join Date
    Aug 2004
    Location
    London
    Posts
    341
    Thanks
    3
    Thanked
    1 time in 1 post

    Re: CSS / IE Help

    Quote Originally Posted by StevenF View Post
    Add
    Code:
    float:left
    to
    Code:
    .lead
    I think that should fix it. If not let me know.
    Hey mate, it's either i'm sleep deprived or becoming blind.

    I can't find a

    .lead

    but i do have

    #lead
    #leadpic

  7. #7
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts

    Re: CSS / IE Help

    Quote Originally Posted by tiggerai View Post
    Fixed width = no. (IMHO)
    Depends on what your trying to achieve imo

    anyway, good news is MS are forcing an IE 7 upgrade apparently so 6 usage should fall
    (\__/)
    (='.'=)
    (")_(")

  8. #8
    cat /dev/null streetster's Avatar
    Join Date
    Jul 2003
    Location
    London
    Posts
    4,138
    Thanks
    119
    Thanked
    100 times in 82 posts
    • streetster's system
      • Motherboard:
      • Asus P7P55D-E
      • CPU:
      • Intel i5 750 2.67 @ 4.0Ghz
      • Memory:
      • 4GB Corsair XMS DDR3
      • Storage:
      • 2x1TB Drives [RAID0]
      • Graphics card(s):
      • 2xSapphire HD 4870 512MB CrossFireX
      • PSU:
      • Corsair HX520W
      • Case:
      • Coolermaster Black Widow
      • Operating System:
      • Windows 7 x64
      • Monitor(s):
      • DELL U2311
      • Internet:
      • Virgin 50Mb

    Re: CSS / IE Help

    Code:
    <!--[if lte IE 6]>
     <link rel="stylesheet" href="css/layout_ie6.css" type="text/css" />
    <![endif]-->
    
    <!--[if IE 7]><!--> <link rel="stylesheet" type="text/css" href="css/layout.css" /> <!--<![endif]-->

  9. #9
    Senior Member
    Join Date
    Aug 2004
    Location
    London
    Posts
    341
    Thanks
    3
    Thanked
    1 time in 1 post

    Re: CSS / IE Help

    Quote Originally Posted by tiggerai View Post
    I template as a job, so come across this kinda stuff everyday (usually my own doing though!)

    Fixed width = no. (IMHO)
    I would love to do web design as a day to day job apart from the fact i would have to face I.E everyday!

    Quote Originally Posted by nvening View Post
    MS are forcing an IE 7 upgrade apparently so 6 usage should fall
    Best news i've had all day!!!! Even tho i still think IE 7 is cack but an improvement!

    Yet i still think when designing for the web, we would still have to take into account IE6 as the usage would still be in the millions. Which is depressing.

    Quote Originally Posted by streetster View Post
    Code:
    <!--[if lte IE 6]>
     <link rel="stylesheet" href="css/layout_ie6.css" type="text/css" />
    <![endif]-->
    
    <!--[if IE 7]><!--> <link rel="stylesheet" type="text/css" href="css/layout.css" /> <!--<![endif]-->
    Thinking about using different stylesheets but need to work out how to solve the issue first, but i'm sure using the underscore hack should also work.
    Last edited by ikkitousen; 22-01-2008 at 12:10 AM.

  10. #10
    Senior Member
    Join Date
    Jan 2008
    Posts
    204
    Thanks
    5
    Thanked
    5 times in 5 posts

    Re: CSS / IE Help

    Quote Originally Posted by ikkitousen View Post
    Hey mate, it's either i'm sleep deprived or becoming blind.

    I can't find a

    .lead

    but i do have

    #lead
    #leadpic
    Yea #lead, sorry.

  11. #11
    Senior Member
    Join Date
    Aug 2004
    Location
    London
    Posts
    341
    Thanks
    3
    Thanked
    1 time in 1 post

    Re: CSS / IE Help

    Quote Originally Posted by StevenF View Post
    Yea #lead, sorry.
    Np, just tested it with no luck it only increases the size of my Feature item.

  12. #12
    Senior Member
    Join Date
    Jan 2008
    Posts
    204
    Thanks
    5
    Thanked
    5 times in 5 posts

    Re: CSS / IE Help

    It's hard without having the code to tinker with, but as for the scrollbar at the bottom. Change body,html
    Code:
    {
    width:99%;
    	min-height:101%;
    	}
    to

    Code:
    {
    width:98%;
    	min-height:101%;
    	}
    That should fix your scroll bar. It appeared because you are using

    Code:
    #page {
    	width:100%;
    	margin:0 auto;
    	font-size: 75%;
    	background:#FFF;
    	padding: 1% 1% 1% 1%;
    	}
    Padding at 1% each side is 2% in total.

  13. Received thanks from:

    ikkitousen (22-01-2008)

  14. #13
    Senior Member
    Join Date
    Aug 2004
    Location
    London
    Posts
    341
    Thanks
    3
    Thanked
    1 time in 1 post

    Re: CSS / IE Help

    Quote Originally Posted by StevenF View Post
    It's hard without having the code to tinker with, but as for the scrollbar at the bottom. Change body,html
    Code:
    {
    width:99&#37;;
    	min-height:101%;
    	}
    to

    Code:
    {
    width:98%;
    	min-height:101%;
    	}
    That should fix your scroll bar. It appeared because you are using

    Code:
    #page {
    	width:100%;
    	margin:0 auto;
    	font-size: 75%;
    	background:#FFF;
    	padding: 1% 1% 1% 1%;
    	}
    Padding at 1% each side is 2% in total.
    Thanks mate! Didn't spot that, feel daft now!

    Also if your using Firefox you should check out the Web Developer extension one of the neat features is that you can edit CSS on the fly and preview it without having to save and upload it to the server!

    It makes life so much more easier when doing any web design.

    Thanks again mate !
    Last edited by ikkitousen; 22-01-2008 at 09:04 AM. Reason: Spelling @ 8am is poor at best!

  15. #14
    Don't feed the trolls... tiggerai's Avatar
    Join Date
    Aug 2003
    Location
    Milk & Beans
    Posts
    9,286
    Thanks
    271
    Thanked
    479 times in 313 posts
    • tiggerai's system
      • Motherboard:
      • Gigabyte MA770T-UD3P
      • CPU:
      • AMD PhenomII 955BE
      • Memory:
      • 4Gb Corsair XMS DDR3
      • Storage:
      • Lots
      • Graphics card(s):
      • Sapphire X1950XT
      • PSU:
      • Hiper Type-R 550w
      • Case:
      • Antec lovely black thing
      • Operating System:
      • Windows 7
      • Monitor(s):
      • 2x 20" widescreen
      • Internet:
      • Pipexpants

    Re: CSS / IE Help

    Nice find!

    Quote Originally Posted by ikkitousen View Post
    Yet i still think when designing for the web, we would still have to take into account IE6 as the usage would still be in the millions. Which is depressing.
    it's not the designing that's the problem, it's us developers that get the problems when clients expect it pixel perfect across 5 browsers.

    Watch out for the corporates too, as a lot of them still run IE6 (like here...)

  16. #15
    Senior Member
    Join Date
    Jan 2008
    Posts
    204
    Thanks
    5
    Thanked
    5 times in 5 posts

    Re: CSS / IE Help

    It's actually been a little while since I've coded a full website in xhmlt/css. When I first started I used to have problems with the "Dreaded IE6". But after time, you learn to use clean code which works almost the exact same in both browsers.

  17. #16
    Senior Member
    Join Date
    Aug 2004
    Location
    London
    Posts
    341
    Thanks
    3
    Thanked
    1 time in 1 post

    Re: CSS / IE Help

    Yea i guess i've just not got the experience with clean code that should work on both yet, i've been hitting problems after problems with I.E since i've started to code and design.

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. divs and CSS
    By Kezzer in forum Software
    Replies: 11
    Last Post: 18-11-2003, 12:51 PM
  2. CSS + Other Language Questions
    By Jonny M in forum Software
    Replies: 7
    Last Post: 11-10-2003, 11:17 PM
  3. 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
  •