mysite Firefox vs. IE ??
Posted: Sat May 05, 2007 9:48 pm
feyd | Please use
Here is the html where the problem occurs:
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]
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);
}
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>
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]