3 replies [Last post]
johanweb
Offline
newbie
Last seen: 12 years 34 weeks ago
Timezone: GMT+1
Joined: 2008-01-31
Posts: 3
Points: 0

Im having some trouble with diferent browsers. The site looks good in internet explorer but in firefox the margins fails and the menu looks wierd.
This is the way its suppose to look

but in firefox it looks like this

Why is that?

The mainmenu users the #nav commands.
The box in mainwindow uses the #subnav commands.

Here is the full css-file

* {
padding: 0;
margin: 0;
}
body {
color: #000000;
font-family: tahoma, verdana, sans-serif;
font-size: 12px;
margin-top: 20px;
margin-left: 20px;
}
Table {
color: #000000;
font-family: tahoma, verdana, sans-serif;
font-size: 12px;
}
img {
border: 0px;
margin: 0px;
vertical-align:bottom;
}
h3 {
padding: 2px 0;
color: #db5924;
font-size: 14px;
font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif;
margin: 5px 0 2px;
}
a {
text-decoration: none;
}
a:link {
color: #333333;
}
a:visited {
color: #333333;
}
a:active {
color: #333333;
}
a:hover {
color: #a5a5a5;
}
#toplogo {
background: url("http://johanweb.ath.cx/progress4/secure/_gfx/logo.jpg") no-repeat;
height: 85px;
width: 165px;
}
#login-bar {
background: url("http://johanweb.ath.cx/progress4/secure/_gfx/controlbar.jpg") no-repeat;
height: 30px;
width: 900px;
margin-bottom: 5px;
}
#login-bar-left {
padding-left: 25px;
padding-top: 4px;
float: left;
}
#login-bar-right {
padding-top: 4px;
padding-right: 10px;
float: right;
}
#nav-goback {
float: left;
width: 79px;
height: 30px;
padding: 3px 2px 3px 7px;
background: url(http://johanweb.ath.cx/progress4/secure/_gfx/nav-goback.jpg) no-repeat;
}
#nav {
float: left;
width: 812px;
height: 30px;
background: url(http://johanweb.ath.cx/progress4/secure/_gfx/nav.jpg) no-repeat;
padding-bottom: 10px;
}
#nav a {
background: url(http://johanweb.ath.cx/progress4/secure/_gfx/nav-span.gif) right no-repeat;
float: left;
height: 30px;
font-size: 10px;
line-height: 10px;
text-decoration: bold;
padding: 9px 25px 7px 24px;
color: #ffffff;
}
#nav a:hover, #nav .selected a {
height: 30px;
border-top: 3px solid #DFE5E3;
border-bottom: 3px solid #DFE5E3;
padding: 7px 25px 7px 24px;
background-color: #B4C2CB;
color: #3F5A3F;
}
#nav-ao-search {
color: #ffffff;
height:20px;
padding-top: 3px;
padding-right: 5px;
}
#nav-ao-search input{
color: #000000;
font-size: 10px;
height:20px;
padding-top: 3px;
padding-right: 5px;
}
#subnav {
float: left;
width: auto;
Border: 1px solid #B2C1CA;
margin-right: 55px;
margin-bottom: 25px;
font-size: 10px;
}
#subnav-span {
float: left;
height: 16px;
background: url(http://johanweb.ath.cx/progress4/secure/_gfx/subnav.jpg) repeat-x;
border-right: 1px solid #B2C1CA;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 8px;
}
#subnav-span2 {
float: left;
width: auto;
height: 16px;
background: url(http://johanweb.ath.cx/progress4/secure/_gfx/subnav.jpg) repeat-x;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 8px;
}
#subnav-data {
float: left;
width: auto;
height: 16px;
border-right: 1px solid #B2C1CA;
border-top: 1px solid #B2C1CA;
background-color: #ffffff;
padding-left: 3px;
padding-right: 3px;
}
#subnav-data2 {
float: left;
width: auto;
height: 16px;
border-top: 1px solid #B2C1CA;
background-color: #ffffff;
padding-left: 3px;
padding-right: 5px;
}
#main-top {
float: left;
width: 900px;
height: auto;
background-image: url(http://johanweb.ath.cx/progress4/secure/_gfx/main-top.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
#main-down {
float: left;
width: 900px;
height: auto;
background: url(http://johanweb.ath.cx/progress4/secure/_gfx/main-down.jpg) no-repeat;
}
#main {
float: left;
width: 900px;
height: auto;
padding: 5px 5px 5px 10px;
background: url(http://johanweb.ath.cx/progress4/Secure/_gfx/main-tile.jpg) repeat-y;


}
#main-title {
color: #db5924;
font-weight:bold;
font-size: 15px;
font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif;
width: 880px;
height: 30px;
padding-left: 25px;
background: url("http://localhost/progress4\Secure\_gfx\InfoButton.gif") no-repeat;
}
#submain {
background-color: #ffffff;
border: 1px solid #B2C1Ca;
width: 875px;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}

Please help me!

johanweb
Offline
newbie
Last seen: 12 years 34 weeks ago
Timezone: GMT+1
Joined: 2008-01-31
Posts: 3
Points: 0

If forgot do send the HTML

If forgot do send the HTML code

This is for the menu

And this is for the other box

Response.Write "" Response.Write "" Response.Write "Nya meddelanden" Response.Write "Användare online" Response.Write "Filer i DB" Response.Write "Ej avslutade ordrar" Response.Write "" ' Nya meddelanden Response.Write "" Set ObjRS = ObjConn.Execute("Select count(*) from PM where till='"&Fixbug(Session("account_username"))&"' and last='0'") Response.Write ""&ObjRS(0)&"" Response.Write "" ' Antal online Response.Write "" Set ObjRS = ObjConn.Execute("Select count(*) from Anvandare where Status='Online'") Response.Write ""&ObjRS(0)&"" Response.Write "" ' Antal filer Response.Write "" Set ObjRS = ObjConn.Execute("Select count(*) from Arbetsorder") Response.Write ""&ObjRS(0)&"" Response.Write "" ' Ej avslutade Response.Write "" Set ObjRS = ObjConn.Execute("Select count(*) from Arbetsorder where Status='0'") Response.Write ""&ObjRS(0)&"" Response.write "" ' Avslutar maintable Response.Write ""

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 9 years 27 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

IE is wrong, not Firefox.

IE is wrong, not Firefox. Your padding on #nav li a pushes that line out. Notice how nav-goback has less padding and it doesn't have the line? That's why IE looks fine, but it's in reality interpreting your code wrong.

johanweb
Offline
newbie
Last seen: 12 years 34 weeks ago
Timezone: GMT+1
Joined: 2008-01-31
Posts: 3
Points: 0

nav-goback is a complete

Its fixed. thx for the help.