mysite Firefox vs. IE ??

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
chaser7016
Forum Commoner
Posts: 34
Joined: Sat Nov 04, 2006 3:22 pm

mysite Firefox vs. IE ??

Post 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]
sentback
Forum Newbie
Posts: 24
Joined: Fri May 04, 2007 9:46 am

Post 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.
User avatar
Kieran Huggins
DevNet Master
Posts: 3635
Joined: Wed Dec 06, 2006 4:14 pm
Location: Toronto, Canada
Contact:

Post by Kieran Huggins »

looks pretty messed up in both to me
chaser7016
Forum Commoner
Posts: 34
Joined: Sat Nov 04, 2006 3:22 pm

Post 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
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post 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.
Post Reply