Averice Posted October 9, 2007 Share Posted October 9, 2007 Hey, im not sure if this is html or css. My website works the way i want it with IE.6 but with firefox and higher versions of IE everything overlaps... like im not sure how to explain it... Say this is my menu/comment box or w/e: "Header picture goes here" fdgsdfgsdfgsdfg sfdgsdgfsdfgsdfg dsfgdsfgsdfgsdfg dsfgsdfgdsfgsdfg all my text ends up going into the header picture.. www.thegamespage.net is my website. Thanks, Averice Quote Link to comment Share on other sites More sharing options...
~n[EO]n~ Posted October 9, 2007 Share Posted October 9, 2007 Yeah it looks distorted in FF... try setting the position also position:relative; and guide with top or left like left : 35 px; just an example... #header { width:1000px; height:120px; background:url(images/logofull.png) no-repeat #000000;; } #nav { width:960px; height:39px; font-size:16px; font-weight:bold; font-variant:small-caps } Quote Link to comment Share on other sites More sharing options...
Averice Posted October 10, 2007 Author Share Posted October 10, 2007 setting the position in every class and id? like #header and .box_content? all of them? thanks for your reply Quote Link to comment Share on other sites More sharing options...
Averice Posted October 10, 2007 Author Share Posted October 10, 2007 ok the nave bar isnt screwed anymore.. but when a user registers and they go to there profile while logged in some of the stuff is down the bottom and i have no idea how to fix it.. i have no "breaks" <br /> in my website so its not that.. everything is lined up with this @chatset "utf=8"; /*CSS Doc */ body { margin:0px auto; width:1000px; background:#000000; font-size:11px; color:#FFFFFF; font-family:Tahoma; font-weight:bold; } img{border:none;} ima a{border:none;} .blue{color:#0C77ED;} a, a:active, a:visited{text-decoration:none; color:#FFFFFF;} #container { width:1000px; margin:0px auto; background:#000000; float:left; } #header { width:1000px; height:120px; background:url(images/logofull.png) no-repeat #000000;; } #nav { width:960px; height:39px; font-size:16px; font-weight:bold; font-variant:small-caps } #content_wrap { width:954px; padding:3px; background:#000000; } #left { width:200px; float:left; } .box_wrap { width:200px; } .box_head { width:190px; height:17px; background:url(images/box_top.jpg) no-repeat; padding:5px; color:#00FF00; font-weight:bold; font-variant:small-caps; font-size:14px; } .box_content_normal { width:190px; background:#000000; padding:5px; text-align:center; } .box_foot { width:190px; height:1px; background:url(images/box_foot.jpg) no-repeat; padding:5px; text-align:right; } .box_content { width:196px; height:13px; background:url(images/box_content.jpg) no-repeat; padding:2px; } .box_content1 { width:196px; height:13px; background:url(images/box_content.jpg) no-repeat; padding:2px; float:left; } #content { width:500px; margin-left:25px; margin-right:10px; float:left; } #middle { width:500px; height:130px; float:left; } #middle_title { width:500px; height:27px; background:url(images/middle_head.jpg) no-repeat; color:#00FF00; font-weight:bold; font-variant:small-caps; font-size:14px; } #middle_content { width:480px; height:83px; padding:10px; text-align:center; } #right { width:200px; float:right; } .news { width:500px; float:left; } .news__head { width:500px; height:27px; background:url(images/news_head.jpg) no-repeat; } .news_image { width:480px; height:56px; text-align:center; padding:10px; } .news_content { width:480px; padding:10px; text-align:justify; background:#000000; border:solid thin #00FF00; } Quote Link to comment Share on other sites More sharing options...
Averice Posted October 11, 2007 Author Share Posted October 11, 2007 bump. Quote Link to comment Share on other sites More sharing options...
Averice Posted October 11, 2007 Author Share Posted October 11, 2007 ok, its slowly coming together. this is all i need. (its only the right hand bar on the profile section thats not working properly. i need the "User Bar" in the profile to be up higher <--------- for internet explorer i need a substitute for "overflow:auto; <------ for opera and firefox.. well.. firefox works perfect on my site Quote Link to comment Share on other sites More sharing options...
Averice Posted October 11, 2007 Author Share Posted October 11, 2007 ok, its slowly coming together. this is all i need. (its only the right hand bar on the profile section thats not working properly. i need the "User Bar" in the profile to be up higher <--------- for internet explorer i need a substitute for "overflow:auto; <------ for opera <-- done and firefox.. well.. firefox works perfect on my site Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.