/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hvorfor vises siden sådan?
Fra : anetteogjesper
Vist : 930 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
Kommentar
Fra : rfh


Dato : 29-06-05 16:39

filter i CSS understøttes kun af microsoft

Kode
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}


Kommentar
Fra : anetteogjesper


Dato : 29-06-05 17:09

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.

Kommentar
Fra : anetteogjesper


Dato : 29-06-05 17:20

Skal det ikke hedde:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DA">

Kommentar
Fra : anetteogjesper


Dato : 29-06-05 17:22

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

Kommentar
Fra : anetteogjesper


Dato : 29-06-05 17:55

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
Kommentar
Fra : anetteogjesper


Dato : 29-06-05 22:23

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>


Kommentar
Fra : anetteogjesper


Dato : 30-06-05 00:01

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">


Kommentar
Fra : anetteogjesper


Dato : 30-06-05 00:22

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)



Kommentar
Fra : anetteogjesper


Dato : 30-06-05 12:25

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

Godkendelse af svar
Fra : anetteogjesper


Dato : 17-07-05 11:23

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.
Søg
Reklame
Statistik
Spørgsmål : 177577
Tips : 31968
Nyheder : 719565
Indlæg : 6409070
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste