Page 1 of 1

mysite Firefox vs. IE ??

Posted: Sat May 05, 2007 9:48 pm
by chaser7016
feyd | Please use

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]


Hi  my site http://www.techavid.com looks good and how want it to in Firefox.  Unfortunately , in IE everything moves down and the div=sidebar which has float: left and has two elements merge into one in IE.

Here is the portions of CSS that Im using:
[syntax="css"]
Body
    {
    
    background-color: #FFEBCD;
    background-color: #454C67;
    color: #000000;
    font: normal 76% Verdana, Helvetica, Arial, sans-serif;
    line-height: 170%;
    }

div.sidebar {
	
        float:left;
        width: 150px; 
        height: 250px; 
        background-color: white;
        margin: 100px 0px 0px 0px;
        clear: left;
	text-align: center;
	background-image: url(../images/about.gif);
        
}


#box {
	margin-left: 170px;
	margin-top: 1px;
	background-color: #FFFFFF;
	width: 700px;
	height: 650px;
        
	}

#box2 
     {
	margin-left: 170px;
	margin-top: 1px;
	background-color: #FFFFFF;
	width: 700px;
	height: 800px;
        text-align: center;
        background-image: url(../images/box2.gif);
	}


#box3 
     {
	margin-left: 170px;
	margin-top: 1px;
	background-color: #FFFFFF;
	width: 700px;
	height: 1000px;
        text-align: center;
	background-image: url(../images/box3.gif);
	}

Here is the html where the problem occurs:

Code: Select all

<div class="sidebar">
<br><H3><u><a href="http://www.ryanismy.name">About/Me</u></a></H3>
Thanks, for stopping by!  Here you will find some Internet & technology ideas discussed that peaked my interest enough to create & demonstrate. 
<br><br><br><img src="images/gmail.png"><script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/googletalk.xml&synd=open&w=150&h=451&title=Have+Gmail?+Chat+With+Me&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script></div>
Thanks to anyone who can school me on why IE is treating these elements differently then Firefox.

Chaser


feyd | Please use[/syntax]

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]

Posted: Sat May 05, 2007 9:53 pm
by sentback
Don't know for the latest version of IE but it is well known that previous versions have what is called a broken box model. http://en.wikipedia.org/wiki/Internet_E ... _model_bug Hope this helps.

Posted: Sun May 06, 2007 12:01 am
by Kieran Huggins
looks pretty messed up in both to me

Posted: Sun May 06, 2007 12:56 am
by chaser7016
Are you saying it looks messed up the float elements in both browsers to you? If so, do you have any suggestions to make a 3 column site?, as Im trying to do such here?

Thanks,
Chaser

Posted: Sun May 06, 2007 11:19 pm
by feyd
chaser7016, you've had nearly a third of your posts require editing to fix code postings.. We shouldn't need to edit your posts by this point. Please shape up.