- ivar
- Medlem ●
- Stockholm
- 2004-03-09 20:39
Jag har skrivit en snutt css-kod som designar upp ett formulär snyggt. Fungerar utmärkt i mozilla, safari och IE-mac.
Sen när jag skulle flytta koden till den skarpa sidan så fungerar inte längre koden för IE-mac, men för övriga.
Den enda skillnad jag kan komma på är att formuläret nu ligger innästlat i en tabell samt att css-koden nu läses in från fil istället för att ligga deklarerad överst i samma dokument.
Har provat deklarera koden överst i samma dokument hos den skarpa versionen och då fungerar det.
Alltså verkar problemet ligga i att läsa in designkoden från fil.
Snälla,säg att någon av er vet vad problemet är.
Kan inte IE-mac läsa in css-kod från fil?? Grrrrr
UPDATE: eEEEEeeeHHHH, efter att ha haft koden liggandes högst upp i samma dokument och sedan flyttat bort de så verkar IE-mac förstå koden som ligger på filen. Hur sjukt är inte det här???
Så här ser koden ut som inkluderar filen (ligger mellan head-taggen)
<link rel="stylesheet" href="include/style.css" type="text/css">
så här ser css-koden ut (som ligger på fil)
body {
padding: 0px;
margin: 0px;
background-color: white;
font-family: verdana, geneva, arial, sans-serif;
font-size: 11px;
}
a:link,a:visited,a:hover {
color: rgb(0,0,0);
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:active {
color:rgb(0,0,0);
text-decoration: underline;
}
td {
font-family: verdana, geneva, arial, sans-serif;
font-size: 11px;
}
h1, .h1 {
font-size: 20px;
}
h1,h2,h3 {
/* color: rgb(100,100,150); */
color: #000;
}
/*
For the gallery...
*/
td.thumbnail {
padding: 2px 2px 2px 2px;
}
td.thumbnail img,td.fullsize img {
border: 1px solid black;
}
.input {
border: 1px solid #666;
padding: 2px 2px 2px 2px;
}
/**
* news
*/
.news {
width: 548px;
border-right-width: 1px;
border-right-style: dashed; /* makes a total width of 549px */
border-right-color: #666;
border-bottom-width: 1px;
border-bottom-style: dashed; /* makes a total width of 549px */
border-bottom-color: #666;
padding-bottom: 0px;
margin-bottom: 10px;
border-left: 0px;
border-top: 0px;
}
/**
* guestbook
*/
.guestentry {
width: 549px; /* 1px border-left and 1px border-right makes total width 549px */
margin-top: 5px;
margin-bottom:5px;
border: 1px dashed #666;
}
#guestform #name, #guestform #email, #guestform #url {
width: 250px;
height: 15px;
}
#guestform #name, #guestform #email, #guestform #url, #guestform #message {
padding: 2px;
height: 16px;
border: 1px solid #666;
/* color: rgb(0,100,100); */
}
#guestform #message {
height: 100px;
width: 310px;
}
#guestform label {
float: left;
display: block;
width: 60px;
height: 20px;
padding-top: 3px;
/*
font-size: 11px;
font-family: verdana;
*/
}
#guestform div {
clear: both;
margin: 0;
padding: 0;
margin-top:3px;
}
#guestform #name:focus,#guestform #email:focus,#guestform #url:focus, #guestform #message:focus {
border: 1px solid #333;
color: rgb(0,0,0);
}
