Welcome to Dream.In.Code
Become an Expert!

Join 149,889 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,292 people online right now. Registration is fast and FREE... Join Now!




IE Site Check/Squash Bugs please!

2 Pages V  1 2 >  
Reply to this topicStart new topic

IE Site Check/Squash Bugs please!

The Neoracle
19 Apr, 2005 - 09:54 PM
Post #1

Check, check, 1, 2.
Group Icon

Joined: 30 Mar, 2001
Posts: 4,069



Thanked: 1 times
My Contributions
Hey, I'm on a deadline here. We've created this site in a week, from scratch and I'm trying to squash windows IE CSS bugs without a PC handy. biggrin.gif

Could you guys check out this site: http://hemp.dnswatchdog.com/

Here is my css:

CODE

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
    @import "/stylesheets/ie.css";
    body { behavior:url("/ADxMenu.htc"); }
</style>
<![endif]-->
<!-- #### TABS #### KEEP THIS #### -->
/* Edited with EditCSS */
/**** LINK-tag style sheet screen.css ****/

body {
    background: url(/images/mainbg.gif) repeat-x #EBE8DF top center;
  margin: 0;
    padding: 0;
    text-align: center; /* IE Hack */                
}
/* Global Defs */

a:link  { color: #A8692D;  text-decoration: none; padding-bottom: 0px;}
 
.accent  { color: #705745; }

a      { }
a:visited    { color: #222; text-decoration: none; padding-bottom: 0px; }
a:active    { color: #777; text-decoration: none; padding-bottom: 0px; }
a:hover  { color: #6B8E00; text-decoration: none; padding-bottom: 0px; }

p    {
     font-family: Verdana, Geneva, Arial, sans-serif;
     color: #222;
     margin: 0;
     padding: 0px 0px 7px 0px;
                       font-size: 12px;
     }
h1      {
     font-family: times, Times New Roman, times-roman, georgia, serif;
     color: #444;
     margin: 0;
     padding: 0px 0px 6px 0px;
     font-size: 36px;
     line-height: 30px;
     letter-spacing: -2px;
     font-weight: bold;
     }
h2      {
     font-family: times, Times New Roman, times-roman, georgia, serif;
     color: #444;
     margin: 0;
     padding: 0px 0px 6px 0px;
     font-size: 22px;
     line-height: 20px;
     letter-spacing: -1px;
     font-weight: bold;
     }
h3      {
     font-family: Gill Sans, Verdana;
     color: #444;
     margin: 0;
     padding: 11px 0px 5px 0px;
     font-size: 11px;
     line-height: 14px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: bold;
     }
h4 {
font-family: Gill Sans, Verdana, sans-serif;
     color: #444;
     margin: 0;
     padding: 2px 0px 5px 0px;
     font-size: 11px;
     line-height: 14px;
     letter-spacing: 1px;
     font-weight: bold;
}
hr {
    color: #EBE8DF;
background: #EBE8DF;
border: 0;
width: 90%;
height: 3px;
clear: both;
}
input {
   background: #EBE8DF;
   font-family: Verdana, Helvetica, sans-serif;
   color: #444;
   font-size: 12px;
   padding: 2px 2px 2px 2px;
   margin: 2px 0 5px 0;
   border: 1px solid #444;
}
input:hover {
   border: 1px solid #000;
}
#submit {
background: #EBE8DF;
border: #444;
font-size: 12px;
}

#submit:hover {
border: #000;
}

label    {
     font-family: Verdana, Geneva, Arial, sans-serif;
     color: #000;
     margin: 0;
     padding: 0px 0px 10px 0px;
                       font-size: 12px;
     }
.right  {
float: right;
clear:both;
}
.left {
float: left;
}


#wrapper {
    margin: 0 auto;
    width: 750px;
    border-bottom: 0px;
    text-align: center;
}
#headtop {
    width: 740px;
}
#header {
    width: 750px;
    height: 50px;
}
#header span {
    display: none;
}
#header h1#logoimgh1 {
    top: 0px;
    margin: 23px 0 0 13px;
    background: url(/images/logo.gif) left top no-repeat;
    width: 210px;
    height: 42px;
}


/*  Navigation core  */

#nav {
    position: relative;
    margin: 0 0 10px 0;
}

#nav ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    width: 742px;
}

#nav li {
    font-size: 12px;
    line-height: 13px;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
}
#nav li.tabright {
    float:right;
}

#nav a {
    margin: 0;
    display: block;
}

#nav li ul {
    width: 742px;
    min-width: 740px;
    display: block;
    visibility: hidden;
    position: absolute;
    clear: both;
    top: 12px;
    left: 0;
    height: 25px;
}

#nav li.selected ul, #nav li:hover ul {
    visibility: visible;
    left: 0;
}

#nav li.selected ul {
    z-index: 10;
}

#nav li:hover ul {
    z-index: 100;
}

#navList:after {
    content: ".";
    height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

/*  Navigation make-up  */

#nav {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: url(/images/nav_bg.gif) repeat-x top left;
    margin: 0 0 0 5px;
    width: 741px;
}

#nav a {
    color: #fff;
    text-decoration: none;
    padding: 0.5em 10px 0.7em;
font-family: Gill Sans, Verdana;
text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: bold;
}

#nav li {
    margin: 0;
}

#nav li:hover  #nav li:hover ul {
    color: #000;
    background-color: #81F14E;
}

#nav li:hover a {
    color: #000;
}

#nav li ul {
    line-height: 20px;
    top: 28px;
    color: #000;
    background-color: #81F14E;

}


#nav li li a {
    color: #000;
font-size: 10px;
}


/* fix the colors for selected item and submenu, for better usability */

#nav li.selected a, #nav li.selected,  a {
    color: #000;
}

#nav li.selected {
    background: url(/images/nav_hover.gif) repeat-x;
}
#nav li li a:hover, #nav li.selected:hover {
    color: #fff;
}





#main {
    width: 750px;
    margin: 26px 0 0;
    padding: 5px 0 0 0;
    background: url(/images/contentbg.gif) repeat-y top left;
}
#content {
    float: right;
    width: 550px;
    margin: 0 0 0 10px;
    padding: 5px 10px 10px 5px;
    text-align: left;
}

#sidebar {
    float: left;
    width: 150px;
    margin: 0px 5px;
    padding: 0px 5px 0px 8px;
    border-right: 1px solid #dedede;
}
#search input {
margin: 0;
padding: 0px;
align: bottom;  
}
#search h3 {
margin-top:0;
padding-top:0;
}

#cart  p {
font: Gill Sans, Verdana, sans-serif;
     color: #444;
     margin: 0;
     padding: 2px 0px 5px 0px;
     font-size: 11px;
     line-height: 14px;
     letter-spacing: 1px;
}
#custservice {
    margin: 5px 0;
text-align: left;
font: Verdana, Geneva, Arial, sans-serif;
font-size: 14px;
}
h2#custservice  {
text-align: center;
}
ul#custservnav {
  list-style: none;
margin: 0 0 0 30px;
padding: 0;
  list-style-image: url(/images/help.gif);

}
ul#custservnav a:link  {
  color: #A8692D;  
  text-decoration: none;
}
#footer {
    clear:both;
}
#footer ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    }

#footer ul li {
    margin-left: 0;
    padding: 3px 15px;
    list-style: none;
    display: inline;
    }
    
 
#footer ul li.first {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
    }
#footer a {
font-size: 12px;
font-family: Verdana, Geneva, Arial, sans-serif;
     margin: 0;
     padding: 0px 0px 7px 0px;


}

/* page specific */
#iteminformation {
float: right;
clear: both;
width: 360px;
padding: 0 10px 0 0;
}
#itempicture {
width: 200px;
height: 300px;
clear: left;
}
.purchaseform {
border: 1px solid #dedede;
margin: 5px 10px 5px 10px;
padding: 5px;
background: #FFFFCC;
}

#shippingtable {

}
.itemlist {
border: 5px solid #ccc;
padding: 3px 8px;
margin: 5px;
}
#choosecard {
width: 160px;
float: left;
padding: 5px;
border-right: solid 1px #ccc;
}
#choosecard input, #choosesaddress input, #choosebaddress input {
margin: 0;
padding: 0;
float: left;
}
#choosesaddress {
width: 170px;
float: left;
padding: 5px 5px 5px 10px;
clear: bottom;
border-right: solid 1px #ccc;
}
#choosebaddress {
width: 170px;
float: left;
padding: 5px;
clear: bottom;
padding: 5px 5px 5px 10px;
}
.creditcards, .address {
background: #EBE8DF;
float: right;
margin: 0px 5px 8px;
padding: 5px;
}
.creditcards p, .address p {
font: 12px courier, serif;
}
#continuebutton {
    float:right;
    clear:both;
}
#chooseshipping {
align: center;
border: 1px solid #ccc;
padding: 10px;
width: 240px;
float: left;
}
#discountcoupon {
border: 1px solid #ccc;
padding: 10px;
width: 240px;
float: left;
margin-left: 10px;
}
#loginform {
float: left;
border: 1px solid #ccc;
padding: 5px;
margin-left: 20px;
margin-right: 10px;
}
#signupform {
float:right;
border: 1px solid #ccc;
padding: 5px;
margin-right: 40px;
}
#completeorder {
float: right;
clear: both;
}
#helpsection h3 {
background: url(/images/help_32.gif) no-repeat left bottom;
padding-left: 34px;
}

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
    #nav {
 height: 1%;
    }

    #nav li ul {
    height: 20px;
    top: 28px;
 width: expression(document.all.navList.offsetWidth + 'px');
    }

    body {
 behavior: url("/ADxMenu.htc");
    }
</style>
<![endif]-->


Basically my problems are, the nav is being shitty I guess, it only works 10% of the time or something?
And some of the formatting is jacked.

The site is not live right now, so you can order shit, register, whatever, it will all get ignored.

Take a look at it in Firefox to see what it's suposed to look like.

If anyone can help me out, I'll let you do me in the butt or something.
biggrin.gif


Thanks.

This post has been edited by RobotDeathSquad: 19 Apr, 2005 - 09:56 PM
User is offlineProfile CardPM
+Quote Post

skyhawk133
RE: IE Site Check/Squash Bugs Please!
19 Apr, 2005 - 09:56 PM
Post #2

Head DIC Head
Group Icon

Joined: 17 Mar, 2001
Posts: 15,267



Thanked: 61 times
Dream Kudos: 1650
Expert In: Web Development

My Contributions
Take my word for it ladies and gentlemen, he's got a nice ass.
User is online!Profile CardPM
+Quote Post

The Neoracle
RE: IE Site Check/Squash Bugs Please!
19 Apr, 2005 - 09:57 PM
Post #3

Check, check, 1, 2.
Group Icon

Joined: 30 Mar, 2001
Posts: 4,069



Thanked: 1 times
My Contributions
All I'm saying is that I've actually stayed the night at his house.


Now fix me pleeeaaassseeee.
User is offlineProfile CardPM
+Quote Post

iamcenz
RE: IE Site Check/Squash Bugs Please!
19 Apr, 2005 - 10:32 PM
Post #4

You wish you were my hand!
Group Icon

Joined: 26 Mar, 2001
Posts: 2,385


Dream Kudos: 201
My Contributions
ok, i looked at it in firefox on the PC PERFECT! IE no good, dont know how to fix it but this is what it looks like since you cant see it cause you have no pc


Attached image(s)
Attached Image
User is offlineProfile CardPM
+Quote Post

The Neoracle
RE: IE Site Check/Squash Bugs Please!
19 Apr, 2005 - 10:44 PM
Post #5

Check, check, 1, 2.
Group Icon

Joined: 30 Mar, 2001
Posts: 4,069



Thanked: 1 times
My Contributions
The biggest bug I'm trying to fix right now is that the logo should be 13px in from the left (of the rest of the layout) and 23px from the top. That would line those lines up.

If any one has any suggestions there, that would be great.
User is offlineProfile CardPM
+Quote Post

The Neoracle
RE: IE Site Check/Squash Bugs Please!
19 Apr, 2005 - 10:45 PM
Post #6

Check, check, 1, 2.
Group Icon

Joined: 30 Mar, 2001
Posts: 4,069



Thanked: 1 times
My Contributions
Thanks for the SS too, btw.
User is offlineProfile CardPM
+Quote Post

Acid Reign
RE: IE Site Check/Squash Bugs Please!
19 Apr, 2005 - 10:53 PM
Post #7

Touched by his noodly appendage
*****

Joined: 11 Nov, 2002
Posts: 2,123


Dream Kudos: 2
My Contributions
ctrl+alt+del
User is offlineProfile CardPM
+Quote Post

The Neoracle
RE: IE Site Check/Squash Bugs Please!
19 Apr, 2005 - 11:15 PM
Post #8

Check, check, 1, 2.
Group Icon

Joined: 30 Mar, 2001
Posts: 4,069



Thanked: 1 times
My Contributions
Unfortunately, this month, 63% of our visitors were using IE.
User is offlineProfile CardPM
+Quote Post

Thorian
RE: IE Site Check/Squash Bugs Please!
20 Apr, 2005 - 08:45 AM
Post #9

Pirate Medic
Group Icon

Joined: 6 Jun, 2002
Posts: 5,750



Thanked: 5 times
Dream Kudos: 275
My Contributions
when I click on types it dissapears before I can select some shamoo I had to try it like 10 times before it would stay long enough to clicky on shampoo for my knappy ass head. Oh and about 40% of the pics are broken ( you may be aware of those probs)
User is offlineProfile CardPM
+Quote Post

snoj
RE: IE Site Check/Squash Bugs Please!
20 Apr, 2005 - 10:14 AM
Post #10

Fell off the face of the earth
Group Icon

Joined: 31 Mar, 2003
Posts: 3,325



Thanked: 9 times
Dream Kudos: 750
My Contributions
QUOTE(RobotDeathSquad @ Apr 20 2005, 01:44 AM)
The biggest bug I'm trying to fix right now is that the logo should be 13px in from the left (of the rest of the layout) and 23px from the top. That would line those lines up.

If any one has any suggestions there, that would be great.

Some times I find just by adding more div tags solves some of the problems. In other words more nesting.
User is offlineProfile CardPM
+Quote Post

skyhawk133
RE: IE Site Check/Squash Bugs Please!
20 Apr, 2005 - 10:23 AM
Post #11

Head DIC Head
Group Icon

Joined: 17 Mar, 2001
Posts: 15,267



Thanked: 61 times
Dream Kudos: 1650
Expert In: Web Development

My Contributions
I played around with the CSS a little and didn't get far.

I would suggest getting ahold of Jared, I think he's still working at his old job:

http://g2eservices.com/

Give him a call and pester him to look, he's a CSS GOD!~!!!
User is online!Profile CardPM
+Quote Post

Arbitrator
RE: IE Site Check/Squash Bugs Please!
20 Apr, 2005 - 10:54 AM
Post #12

D.I.C Regular
Group Icon

Joined: 26 Jan, 2005
Posts: 492



Thanked: 2 times
My Contributions
I think you might have an easier time controlling page structure if you use a table instead of DIV tags and IDs on the header or on the rest of the page for that matter. It would also help aleviate some of the alignment problems in the navigation and page body. Tables just seem more reliable cross-browser-wise, IMO.

This post has been edited by Arbitrator: 20 Apr, 2005 - 11:01 AM
User is offlineProfile CardPM
+Quote Post

2 Pages V  1 2 >
Fast ReplyReply to this topicStart new topic
Time is now: 1/8/09 12:29PM

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month