deltahawk12

Oh. Yeah I see. Perhaps you should use absolute positioning. Firefox and IE interpret percents differently, so I tend not to use them when trying to make a cross-browser site.

woops for the double post but heres the code that im talking about

#sidebar1{margin-left: 15.5%;float: left;}#sidebar3{margin-right: 14.5%;float:right;}

See in IE the bars are perfect and their right next to the content but in firefox the bars only have moved a few pixels

yea that worked but it wasnt exactly the same as margin:auto; in terms of postioning. I just made a left and right margin. This thread is done

I dont think you exactly know what im trying to do. These two Ids below. Im trying to add margins to them, the only problem is that firefox and IE have different Value results. Try puting a margin-left: 50%; In sidebar 1 and open it in both IE and firefox. You get different results. Firefox moves the sidebar like a couple of pixels over while IE moves it 3/4th across the page

#sidebar1{float: left;}#sidebar3{float:right;}

Alright heres my third problem. Ive got these sidebars that i want to add in. Its a pieace of cake coding it for Firefox but when testing it in IE it turns out horrible. Heres my code below. As you can see the sidebars are postion outside the center id. Now when i put the rest of my code with these peices below i get the sidebars the on far side of the page. thats what i want but then when i try to add a margin to bring them closer to the content in the center id, i get differrernt results in both firefox and IE. any help with this would be great, thanksMy CSS

body{color: #FFFFFF;background-image: url(images/bg.jpg);font-family: Sans-Serif;font-size: small;}#center2{width:1000px;}#sidebar1{float: left;}#sidebar3{float:right;}#center{margin:auto;margin-right: 17%;margin-left: 17%;width: 650px;height: 1000px;background-color:#9fb910;}

The Html

<!--Centers the sidebars--><div id="center2"><img src="images/sidebar1.jpg" id="sidebar1"/><img src="images/sidebar3.jpg" id="sidebar3"/><!--Centers the site--><div id="center"><!--Navigation Bar--><div class="navcenter2"><p><a href="TDN.html"><img src="images/header.jpg" alt="Banner" id="pad" border="0" class="header"/></a><br /><a href="TDN.html"><img src="images/navigationbar/home.jpg" alt="Home link" id="pad" /></a><a href="gallery/gallery.html"><img src="images/navigationbar/gallery.jpg" alt="gallery link" id="pad" /></a><a href="forum.html"><img src="images/navigationbar/forum.jpg" alt="forum link" id="pad" /></a><a href="staff/staff.html"><img src="images/navigationbar/staff.jpg" alt="staff link" id="pad" /></a><a href="downloads/downloads.html"><img src="images/navigationbar/downloads.jpg" alt="downloads link" id="pad" class="navheight" /></a></p>

okay well i put this as my body code and i didnt get any change in IE

 body{margin: auto;width: 650px;height: 1000px;color: #FFFFFF;background-image: url(images/bg.jpg);font-family: Sans-Serif;font-size: small;}

Okay that worked but im getting this werid problem where 1% or 1px in IE is different than in firefox so i can never get the right position on both broswer. There always 1px off.

this is what i put in and it didnt work

margin: 0 auto;width: 650px;height: 1000px;

Im actually trying to center the site using an id. This is the code. Im trying to center it in IE.

#center{width: 650px;height: 1000px;margin:auto;background-color:#9fb910;}

the entire code is abit too long but heres some of the important parts

body{color: #FFFFFF;background-image: url(images/bg.jpg);font-family: Sans-Serif;font-size: small;}#box5{text-align: center;float: left;margin-top: 2%;margin-left:2%;width:201px;height: 320px;}#box6{text-align:center;width: 359px;margin-top: 27%;margin-left: 38.5%;margin-right: 20%;height: 136px;padding: 0px 0px 20px 0px;}

Alright i made this website that im trying to make IE and firefox compatible but ive ran into some problems. When i use the float in IE it dosent ignore the paragraph that "floating" but in firefox it does. This gives both broswers a different postion on where to put the paragraph below it. Then i decided it want to place the paragraph below it in a specifc spot. the only problem is that when i put a margin in I get a different results in both browsers becuase of the float. Any ideas on how to fix this.

so i made most of my website in firefox but then i deicded to test it out in IE and boy their were alot of problems. one i noticed is that IE dosent read the margin: auto; command. Is their another command like this or do i need to redo all this manually

o okay gotcha it works and i understand what you mean, thanks

hey everyone, ive got a small issue that proboly easy to fix. Im linking my banner to my mainpage so that when you click on it; it brings you back to the main page. know that works its as easy as pie but im stuck with the css portion of it. Im trying to remove the colored border the image links leave behind. I know about pseudo-class. and how you need to use a:link and a:visited to style the links but im not sure what to use to get rid of the border around the image. any help would be great.

 a:img{border:0px;}

Whats wrong with it?

hey everyone, ive got a small issue that proboly easy to fix. Im linking my banner to my mainpage so that when you click on it; it brings you back to the main page. know that works its as easy as pie but im stuck with the css portion of it. Im trying to remove the colored border the image links leave behind. I know about pseudo-class. and how you need to use a:link and a:visited to style the links but im not sure what to use to get rid of the border around the image. any help would be great.