|
|
 | Hvorfor vises siden sådan?
Fra :  anetteogjesper  | Vist : 937 gange
20 point
Dato : 29-06-05 15:45 |
|
Hej
Jeg har nu lavet min side så den er centreret og jeg har brugt rammer, for ellers gik det i helt kuk, når jeg så den i andre browsere. Nu er den da nogenlunde, men slet ikke perfekt nok for mig, for mig. Hvorfor ændrer den sig så meget i browseren Opera, hvor teksten pakker sig sammen og Firfox hvor man ikke kan se boksene (Se selv www.xxxxx.dk ). hvad er der galt?
Kode
a {
text-decoration:none;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:active {
background-color: #FFFFFF;
}
a:hover {
color: #000000;
}
img {
border: 0px;
}
body {
background-color: #E8E9F9;
font-family: verdana, arial, sans-serif, "Times New Roman";
font-size: 100%;
color: #000000;
margin-top: 0px;
text-align: center;
scrollbar-3dlight-color: #E8E9F9;
scrollbar-arrow-color: #E8E9F9;
scrollbar-base-color: #E8E9F9;
scrollbar-darkshadow-color: #E8E9F9;
scrollbar-face-color: #E8E9F9;
scrollbar-highlight-color: #E8E9F9;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #E8E9F9;
}
p {
font-size:80%;
}
.porto {
position:relative;
font-size:70%;
top: 10px;
left: 30px;
}
.boks1 {
position: relative;
display: inline;
padding-top: 30px;
margin-left: auto;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
height: 320px;
width: 300px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks2 {
position: relative;
display: inline;
padding-top: 15px;
margin-left: auto;
height: 150px;
width: 150px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks3 {
position: relative;
display: inline;
padding-top: 5px;
margin-left: auto;
height: 150px;
width: 150px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks4 {
position: relative;
display: inline;
padding-top: 5px;
margin-left: auto;
height: 150px;
width: 150px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks5 {
position: relative;
display: inline;
padding-top: 5px;
margin-left: auto;
height: 150px;
width: 150px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.nyhed {
position: relative;
margin-top: auto;
margin-left: auto;
font-size:100%;
font-weight: bold;
}
.boks6 {
position: relative;
display: inline;
padding-top: 5px;
margin-top: auto;
margin-left: auto;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks7 {
position: relative;
display: inline;
padding-top: 5px;
margin-top: auto;
margin-left: auto;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks8 {
position: relative;
display: inline;
padding-top: 5px;
margin-top: auto;
margin-left: auto;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks9 {
position: relative;
display: inline;
padding-top: 15px;
margin-top: auto;
margin-left: auto;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks10 {
position: relative;
display: inline;
padding-top: 45px;
margin-top: auto;
margin-left: auto;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.boks11 {
position: relative;
display: inline;
padding-top: 45px;
margin-top: auto;
margin-left: auto;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
.reklame {
position: relative;
display: inline;
margin-top: auto;
margin-left: auto;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
} |
Kode
<body>
<span class="center"><br>
<div class="porto">>>PORTOFRI LEVERING*<< *efterkrav + 30 kr og portofri levering gælder kun DK.</div><br>
<center>
<table border="0" cellpadding="0" cellspacing="10" width="80%">
<tr>
<td rowspan="2" valign="middle" align="center"><div class="boks1"><a href="http://www.xxxxx.dk/vareOversigt.php?category=13&ucategory=57" target="Main"><img src="forside/hummer.jpg" alt="Store fjernstyrede biler"></a><br><br><br>
Vi har alt fra spændende<br>personlige bøger til dametøj,<br>covers og STORE fjenstyrede biler<br>- ALTID TIL DEN BEDSTE PRIS</div></td>
<td valign="middle" align="center"><div class="boks2"><a href="http://www.xxxxx.dk/vareOversigt.php?category=12&ucategory=12" target="Main"><img src="forside/babysko.jpg" width="140" alt="Babysko til de mindste"></a>
</div></td>
<td valign="middle" align="center"><div class="boks4"><a href="http://www.xxxxx.dk/vareOversigt.php?category=19&ucategory=42" target="Main"><img src="forside/DF476.JPG" height="140" alt="Smarte jakker"></a>
</div></td>
</tr>
<tr>
<td valign="middle" align="center"><div class="boks3"><a href="http://www.xxxxx.dk/vareOversigt.php?category=13&ucategory=50" target="Main"><img src="forside/tvilling.jpg" height="140" alt="Personlige bøger til en personlig hilsen"></a>
</div></td>
<td valign="middle" align="center"><div class="boks5"><a href="http://www.xxxxx.dk/vareOversigt.php?category=13&ucategory=45" target="Main"><img src="forside/togbane.jpg" width="140" alt="Legetøj til børnene"></a>
</div></td>
</tr>
</table>
</center>
<div class="nyhed"><a href="http://xxxxx.dk/nyhed/newsletter" target="_blank" name="Tilmeld vores nyhedsbrev">Tilmeld vores NYHEDSBREV</a></div>
<center>
<table border="0" cellpadding="0" cellspacing="10" width="80%">
<tr>
<td width="160" valign="middle" align="center"><div class="boks6"><a href="http://www.xxxxx.dk/vareOversigt.php?category=1&ucategory=1" target="Main"><img src="forside/1og2.JPG" height="135" alt="Smukke pige kjoler 2 år og opefter"></a></div></td>
<td width="160" valign="middle" align="center"><div class="boks7"><a href="http://www.xxxxx.dk/vareOversigt.php?category=15&ucategory=8" target="Main"><img src="forside/gul.JPG" height="135" alt="Sparkedragte til babyen"></a></div></td>
<td width="160" valign="middle" align="center"><div class="boks8"><a href="http://www.xxxxx.dk/vareOversigt.php?category=4&ucategory=48" target="Main"><img src="forside/3310.jpg" height="135" alt="Mobil covers til mange Nokia telefoner meget billigt"></a></div></td>
</tr>
<tr>
<td width="160" valign="middle" align="center"><div class="boks9"><script language="javascript">
var uri = 'http://impdk.tradedoubler.com/imp/pool/js/77466/978988?' + new String (Math.random()).substring (2, 11);
document.write('<sc'+'ript language="JavaScript" src="'+uri+'" charset="ISO-8859-1"></sc'+'ript>');
</script></div></td>
<td width="160" valign="middle" align="center"><div class="boks10"><a href="http://www.braz.dk" target="_blank"><img border="0" src="http://www.braz.dk/templates/subSilver/images/braz_120_60_logo.gif" alt="Besøg det nye auktionssted på nettet" width="120" height="60"></a></div></td>
<td width="160" valign="middle" align="center"><div class="boks11"><iframe marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="120" height="60" src="http://www.partner-ads.com/dk/visbannerrotation.php?rid=1400"></iframe></div></td>
</tr>
</table>
</center>
<br><br><br>
<div class="reklame"><iframe marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="468" height="60" src="http://www.partner-ads.com/dk/visbannerrotation.php?rid=1375"></iframe><br>
<br><br>
<br></div>
</span>
</body> |
| |
 | Kommentar
Fra : moltov  |
Dato : 29-06-05 15:48 |
|
Hej Anette
Hvorfor spørger du ikke Britt. Hun er ekspert! 
Moltov
| |
 | Kommentar
Fra : rfh |
Dato : 29-06-05 16:25 |
|
Du kunne starte med at indsætte en DOCTYPE i koden
f.eks.
Kode
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
Hvis DOCTYPE ikke er sat, så bruger de forskellige browser deres DEFAULT SETTINGS og de er MEGET forskellige.
rfh
| |
| Kommentar
Fra : rfh |
Dato : 29-06-05 16:28 |
| | |
| Kommentar
Fra : rfh |
Dato : 29-06-05 16:30 |
| | |
|
Hvor skal denne kode "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">" stå i et php dokument?
Filteret burde da ikke være nok til at ødelægge rammerne, de er heller ikke i orden på denne side: http://www.xxxxx.dk/diverse.php og der bruger jeg ikke filter, men ellers samme indstillinger som på forsiden.
| |
|
Skal det ikke hedde:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DA">
| |
|
Hvad skal man vælge af disse tre:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DA">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
| |
| Kommentar
Fra : rfh |
Dato : 29-06-05 17:37 |
|
Citat
Hvor skal denne kode "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">" stå i et php dokument? |
lige før hvor <html> indsættes af PHP
ang.DOCTYPE
Prøv dig frem, søg lidt på nettet.
rfh
| |
|
Kan du ikke give et eksempel?
Hvordan skal jeg finde ud af doctypen, når jeg ikke ved hvad jeg søger efter 
| |
| Kommentar
Fra : rfh |
Dato : 29-06-05 18:21 |
| | |
|
Det er da ikke lige til, kan du ikke hjælpe lidt?
Hvor skal jeg indsætte doc'en i koden forneden:
Kode
<?php
// forside.php v1.00 04/06/2005
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Forsiden</title>
<link rel="stylesheet" type="text/css" href="css/forside1.css">
</head>
<body> |
| |
| Kommentar
Fra : rfh |
Dato : 29-06-05 23:52 |
|
Kode
<?php // HER STARTER PHP KODEN
// forside.php v1.00 04/06/2005
?> HER AFSLUTTES PHP KODEN
du skal bruge denne linie her til DOCTYPE
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Forsiden</title>
<link rel="stylesheet" type="text/css" href="css/forside1.css">
</head>
<body> |
| |
|
Tak men jeg fatter stadig ikke det med doctypen ;-(
og hvis jeg sætter feks. denne her på forsiden, går den helt amok og IE ser ud som browseren Opera..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
| |
| Kommentar
Fra : rfh |
Dato : 30-06-05 00:14 |
|
brug det her som default
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
| |
|
Det er nu gjort, men hvorfor vises siden så stadig sådan i de to andre browsere?
| |
| Kommentar
Fra : rfh |
Dato : 30-06-05 00:57 |
|
Du kan ikke forvente at få et resultat der er ens, når du bruger noget som kun en browser understøtter
Citat
filter i CSS understøttes kun af microsoft
Kode:
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true); |
så brug noget de alle kan forstå
eller lave flere stylesheet filer og indsæt browser-sniffer til at activere det ønskede stylesheet (plus måske lidt kode)
| |
|
Nej men det er da lidt underligt at denne side, som er bygget op på samme måde som forsiden, heller ikke vises ordenligt:
http://www.xxxxx.dk/diverse.php
Citat
lave flere stylesheet filer og indsæt browser-sniffer til at activere det ønskede stylesheet (plus måske lidt kode) |
Hvad er det og hvordan gøres det?
| |
| Accepteret svar
Fra : rfh | 
Modtaget 20 point
Dato : 30-06-05 23:06 |
|
Citat
Nej men det er da lidt underligt at denne side, som er bygget op på samme måde som forsiden, heller ikke vises ordenligt:
http://www.xxxxx.dk/diverse.php |
Kig lidt på denne side http://css-discuss.incutio.com/?page=CssHack
Citat
Hvad er det og hvordan gøres det? |
En browser-sniffer er en stump kode som man bruger til undersøge hvilken browser (Type,Version m.m.) der er på besøg og
ud fra hvad den melder tilbage kan man lave nogle ting om på siden.
En anden link jeg synes du skal besøge, la' vær med at bruge 5min. , den er meget meget mere vær
Carrie's Conceptions - Links page http://www.dreampilot.net/links.shtml
mvh
rfh
| |
|
Tak for svaret rfh, men jeg kan stadig ikke få det til at se helt ordenligt ud.
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|