Problem med optimering till olika webbläsare

[fickler]

Hej,

 

jag har kodat en sida och förhandsgranskat i FF och IE8. När jag sen har kollat hur den ser ut i Safari och IE7 blir det inte helt lyckat. Jag vet att jag kan lägga in olika css:er för olika webbläsare men först måste jag veta vad det är som Safari och IE7 inte köper i koden. Någon som kan hjälpa till? http://www.cavalaire-apartment.com är sidan.

 

[log]

/* Global Styles */

body {
margin:20px;
background:#b1dff7 url(http://www.cavalaire-apartment.com/images/bg.jpg) no-repeat fixed center;
}

td {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#003366;
}

a {
color: #3d80a3;
font-weight:bold;
}

a:hover {
color: #003366;
}

table {
-moz-opacity:1;
filter:alpha(opacity=100);
}

/* ID Styles */

#wrapper{
margin:0 auto;
width:800px;
height:auto;
overflow:hidden;

}

#background{
width: 700px;
align: center;
border: 0;
}

#flags{
padding-right: 5px;
border: 0;
background-color: #3d80a3;
}

#tagline 	{	
font:12px Verdana, Arial, Helvetica, sans-serif;
color: #FF9933;
letter-spacing:.4em;
line-height:18px;
}

#monthformat {
border-bottom: 2px solid #E6F3FF;
	}

#dateformat {
background-color: #3d80a3;
font:11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing:.2em;
}

#dateformat a {
font:11px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
font-weight:bold;
letter-spacing:.1em;
}

#dateformat a:hover {
color: #FF6600;
letter-spacing:.1em;
}

/* Class Styles */

.nav{
position: relative;
width: 100%;
padding: 0 60px 0 4px;
margin: 0 auto;
background: url(../images/nav/menu_bg.gif) repeat-x;
height: 46px;
list-style: none;
}

.nav li{
float:left;
}

.nav li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px;
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;	
}

.nav li a b{
float: left;
display: block;
padding: 0 24px 0 8px;
}

.nav li.current a, .nav li a:hover{
color: #fff;
background: url(../images/nav/menu_hover_left.gif) no-repeat;
background-position: left;
}

.nav li.current a b, .nav li a:hover b{
color: #fff;
background: url(../images/nav/menu_hover_right.gif) no-repeat right top;
}


.bodyText {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#003366;
line-height:20px;
margin-top:0;
padding-left: 25px;
}

.pageName{
padding-top:15px;
padding-left: 25px;
font: 18px Verdana, Arial, Helvetica, sans-serif;
color: #3d80a3;
line-height:24px;
letter-spacing:.2em;
}

.subHeader {
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #3d80a3;
line-height:16px;
letter-spacing:.2em;
}

.quote {
font: 20px Verdana, Arial, Helvetica, sans-serif;
color: #759DA1;
line-height:30px;
}

.smallText {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
}

.navText {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
line-height: 16px;
letter-spacing: .1em;
text-decoration: none;
}

.bildspel {
height: auto;
padding-left: 13px;
padding-bottom: 15px;
}

.formular {
padding-left: 25px;
}

.footer {
border-top: 1px solid #003366;
height: 30px;
padding: 2px 0 2px 0;
margin-bottom: 10px;
text-align: center;
background-color: #3d80a3;
color: #FFF;
}

.galleri {
padding: 25px;
margin: 0 auto;
}

[/log]

 

Tack på förhand!

 

/fickler

[Jonas__B]

Kan du inte bygga sidan utan tabeller?

 

Iaf; bort med align=left på logo-tabellen fixar isf den översta tabellen

[fickler]

jo ja vet att tabellerna inte är helt optimala.. tack för tipset, nu funkar det som det ska överallt poäng

[Jonas__B]

Gött det.

Trevlig helg