Fine in FF, Opera, but not in IE

This is a discussion on "Fine in FF, Opera, but not in IE" within the Web Page Design section. This forum, and the thread "Fine in FF, Opera, but not in IE are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Dec 31st, 2005, 18:13
Up'n'Coming Member
Join Date: Jul 2005
Location: montreal canada
Posts: 88
Thanks: 0
Thanked 0 Times in 0 Posts
Post Fine in FF, Opera, but not in IE

Howdy,

I`ve tried various things; nothing has worked. It concerns the sidebar (on all pages), and the tables on the Questions Answered page. Any suggestions on what to try welcome...

http://pyxnet.ath.cx/robin

Last edited by ivyholly; Dec 31st, 2005 at 18:17.
Reply With Quote

  #2 (permalink)  
Old Jan 2nd, 2006, 09:44
drd drd is offline
SuperMember

SuperMember
Join Date: Dec 2005
Location: Hampshire, England, UK
Age: 28
Posts: 62
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Fine in FF, Opera, but not in IE

try decreasing the width of your content div slightly. It looks like its a little bit too wide and forcing the sidebar content down below it.
Reply With Quote
  #3 (permalink)  
Old Jan 2nd, 2006, 16:41
Up'n'Coming Member
Join Date: Jul 2005
Location: montreal canada
Posts: 88
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Fine in FF, Opera, but not in IE

Thanks drd

Yeah, I thought maybe it was that too. So I reduced the px no. of the width for the content div- didn`t seem to help.

Funny, originally I had float right in the css for the sidebar, but I removed that cause it made the sidebar go on the right, but still below the main content, instead of beside it...go figure.

I`ll try messing with the numbers some more though. I`ll be back and post the CSS if I still don`t get anywhere...*sigh*
Reply With Quote
  #4 (permalink)  
Old Jan 2nd, 2006, 19:28
Up'n'Coming Member
Join Date: Jul 2005
Location: montreal canada
Posts: 88
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Fine in FF, Opera, but not in IE

Still unsuccessful.

Code: Select all
/* CSS Document */
body,
html {
    margin:0;
    padding:0;
    background:#ffcc99;    
    font-family:Arial, Helvetica, sans-serif;
    font-size:.9em;
    }
body {
    min-width:750px;
    }
#wrap {
    background:#fff;
    margin:0 auto;
    width:750px;
    }
#header h1 {    
    margin:0;
    padding:15px 0 20px 0;
    background:#fff;    
    }
#main h2, #main h3, #main hr {
    padding:0px 25px;
    background:#fff;
    float:left;
    width:500px;
    color:#000000;
    }
#main p, #main h4, #main ul {
    padding:0 25px;
    background:#fff;
    float:left;
    width:500px;
    color:#000000;
    }
#main td {
    border-width:0px;
    border-style:solid;
    border-color:#000000;
    }
#footer  p {
    padding:5px;
    margin:0;
    background:#0000cc;
    clear:both;
    }
#sidebar h3, #sidebar p {
    padding:10px 10px 0 0;
    background:#fff;
    }
a:link {
    color:#003399;
    text-decoration:none;
    }
a:visited {
    color:#ff9933;
    text-decoration:none;
    }
a:active {
    color:red;
    text-decoration:none;
    }
a:hover {
    color:#1E90FF; 
    text-decoration:underline;    
    }
a img {
    border:none; 
    }
table {
    float:left;
    padding:10px 0 20px 120px;
    }
#nav {
    background:#0000cc;
    padding:5px;
    color:fff;
    }
#sidebar ul {
    margin-bottom:0;
    }
Anyone willing to take a stab at it? With my limited experience, I`m probably overlooking something...Please help
Reply With Quote
  #5 (permalink)  
Old Jan 2nd, 2006, 20:26
Junior Member
Join Date: Jan 2006
Age: 30
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Fine in FF, Opera, but not in IE

i don't see where you have the #main and #sidebar set. You need to set them both for the divs to stay the right size for ie.
Reply With Quote
  #6 (permalink)  
Old Jan 2nd, 2006, 20:29
Junior Member
Join Date: Jan 2006
Age: 30
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Fine in FF, Opera, but not in IE

other words:

Code: Select all
#main{
float:left;
width:500px;
padding:0;
margin:0;
}
#sidebar{
float:right;
width:250px;
padding:0;
margin:0;
}
Reply With Quote
  #7 (permalink)  
Old Jan 2nd, 2006, 22:41
Up'n'Coming Member
Join Date: Jul 2005
Location: montreal canada
Posts: 88
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Fine in FF, Opera, but not in IE

Hey, thanks a lot bmsterling!

Things are much better in ie now, I`ll pretty sure it just needs a bit of tweaking- thanks again, I really appreciate it.
Reply With Quote
  #8 (permalink)  
Old Jan 3rd, 2006, 17:54
Reputable Member
Join Date: Jul 2005
Location: Indiana, USA
Age: 29
Posts: 153
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Fine in FF, Opera, but not in IE

Ivy,

I was looking at your navigation and thought that the menu links would look nicer if it were more towards the middle of the images. And thought I would pass the code onto you incase you were interested.

Code: Select all
#sidebar img{
vertical-align: middle;
}
Hope you like it too.
Last Blog Entry: Whats in a name? (Feb 20th, 2008)
Reply With Quote
  #9 (permalink)  
Old Jan 3rd, 2006, 20:30
Up'n'Coming Member
Join Date: Jul 2005
Location: montreal canada
Posts: 88
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Fine in FF, Opera, but not in IE

Thanks again DSMag,

You`re surely right that it would look better- right now I`m adjusting the site for var. browsers the way it is (argh), and maybe after that I`ll give it a try. Assuming I succeed in making it look decent in all browsers... I`ll definitely keep it in mind anyway.

Btw, hope your mag is going well- I`ve been to Elkhart, Ind., when I was a kid on a school trip- had lots of fun, the people there were nice...
Reply With Quote
Reply

Tags
fine, opera, but

Thread Tools

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
Opera rtl direction marSoul Web Page Design 0 Mar 1st, 2008 20:44
CSS and Images in IE7, opera MarkN Web Page Design 1 Oct 31st, 2007 04:09
Display in Opera Moonlilly Starting Out 4 May 20th, 2007 16:37
Looks fine in IE, FF destroys it PMicro Web Page Design 4 Mar 28th, 2007 22:18
Opera Bug wheatus Web Page Design 0 May 11th, 2004 13:42


All times are GMT. The time now is 13:41.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

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