Gå til innhold

[Løst]Menyboksen ser bra ut i Chrome og FF, ikke i IE

Grogg

Av Grogg
i Programmering og webutvikling

Anbefalte innlegg

Grogg

Grogg

Skrevet
Skrevet

Hva er galt?

 

Når man ser på forsiden ser alt bra ut, uansett hvilken browser man bruker. Alt i menyfirkanten er der det skal være.

 

Men ser man på en av sidene hvor teksten går lenger ned enn menyfirkanten, f.eks. denne siden, så blir alt feil i Internet Explorer - mens i Google Chrome og FireFox ser det bra ut.

 

Jeg har lett og lett i HTML-kodene mine nå, og prøvd meg fram så godt jeg kan, men jeg kan virkelig ikke se feilen.

 

Håper noen kunne tatt en titt i kodinga og hjulpet meg litt :blush:

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Grogg

Grogg

Skrevet
  • Forfatter
Skrevet
Du har valideringsfeil: 15 Errors, 3 warning(s)

http://validator.w3.org

 

Fiks det.

Ehm... Det der skjønte jeg pent lite av.

 

Jeg har visst ikke spesifisert hva slags HTML (?) siden skal være. Men hva velger jeg? Prøvde å velge XHTML, men da ble det plutselig 199 errors eller noe, og mye av de kodene jeg har brukt kunne ikke brukes (f.eks. height og width for "td").

 

:ermm::blush:

Lenke til kommentar
Grogg

Grogg

Skrevet
  • Forfatter
Skrevet

Takk for svar :) Nå er hele siden validert, så vidt jeg kan forstå - og problemet er der fortsatt.

 

I tillegg er nå selve sideinnholdet klistret inntil menyen, mens det før var 20px mellomrom, ettersom jeg brukte denne koden rundt selve sideinnholdet:

 

<div style="position:relative; top:0; left:20"></div>

 

Og iframe-rammen som jeg har pakket gjesteboka inn i er blitt miniliten, selv om koden er slik:

<iframe src="http://gjestebok.nuffe.net/32395" width="761" style="border:none; height:670"></iframe>

 

Hjæææælp :ermm:

Lenke til kommentar
Grogg

Grogg

Skrevet
  • Forfatter
Skrevet

Genialt, det fungerte! Tuuusen takk :)

 

Du har ingen smarte ideer om hva jeg kan gjøre for å få iframen stor igjen, tilfeldigvis? :whistle: Hilsen masekoppen :)

 

Det er utrolig rart det der med menyen... Jeg skjønner jo at jeg må ha gjort noe feil, men kan ikke fatte hva.

Lenke til kommentar
ronron25

ronron25

Skrevet
Skrevet (endret)
Genialt, det fungerte! Tuuusen takk :)

 

Du har ingen smarte ideer om hva jeg kan gjøre for å få iframen stor igjen, tilfeldigvis? :whistle: Hilsen masekoppen :)

 

Det er utrolig rart det der med menyen... Jeg skjønner jo at jeg må ha gjort noe feil, men kan ikke fatte hva.

 

I koden din så mangler du ett " i height:

<iframe src="http://gjestebok.nuffe.net/32395" width="761" style="border:none; height:670"></iframe>

Endret av ronron25
Lenke til kommentar
Grogg

Grogg

Skrevet
  • Forfatter
Skrevet
Du er ikke den første som har glemt ett tegn :yes:.

Godt å høre :new_woot:

 

Tror ikke det løser problemet ditt, men ser du mangler :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

som skal være mellom <head></head>

Takk! Ser ingen forskjell, men om det er noe som bør være der uansett er det jo bra å få ordnet opp i det. Men jeg lot være å skrive en "/" på slutten, for jeg tror ikke jeg trenger det med HTML-versjonen jeg bruker? Eller?

Lenke til kommentar
ronron25

ronron25

Skrevet
Skrevet (endret)
Du er ikke den første som har glemt ett tegn :yes:.

Godt å høre :new_woot:

 

Tror ikke det løser problemet ditt, men ser du mangler :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

som skal være mellom <head></head>

Takk! Ser ingen forskjell, men om det er noe som bør være der uansett er det jo bra å få ordnet opp i det. Men jeg lot være å skrive en "/" på slutten, for jeg tror ikke jeg trenger det med HTML-versjonen jeg bruker? Eller?

Nei, strengt tatt så gjør du vel egentlig ikke det.Kan du lime inn koden for "Menyfirkanten", så skal jeg se om jeg kan finne ut noe? Vil tipse deg om denne siden, som har en del nyttige guider med mere:

http://hjemmeside.org/

Endret av ronron25
Lenke til kommentar
Grogg

Grogg

Skrevet
  • Forfatter
Skrevet
Nei, strengt tatt så gjør du vel egentlig ikke det.Kan du lime inn koden for "Menyfirkanten", så skal jeg se om jeg kan finne ut noe? Vil tipse deg om denne siden, som har en del nyttige guider med mere:

http://hjemmeside.org/

Her er menybokskoden:

<table width="965" cellpadding="0" cellspacing="0" border="0">

<tr>
<td width="14" height="14" style="background-color: #915EC4"><img alt=""src="Design/Topleft.gif" width="14" height="14" border="0"></td>
<td width="171" height="14" style="background-color: #915EC4"></td>
<td width="14" height="14" style="background-color: #915EC4"><img alt=""src="Design/Topright.gif" width="14" height="14" border="0"></td>
<td width="766" height="14" style="background-color: #FFFFFF"></td>
</tr>

<tr>
<td height="650" style="background-color: #915EC4"></td>
<td height="650" style="background-color: #915EC4" valign="top"> 
<div style="position:relative; top:20">
<div align="center"><img style="border:0px" src="Design/Tonjes_side.gif" alt=""><p><br>
<img style="border:0px" src="Design/Rat.jpg" alt=""></div>
<br><img style="border:0px" src="Design/Dilldall.gif" alt=""><p>
<a style="color:#441177; text-decoration:none" href="index.shtml">Startsiden</a><br>
<a style="color:#441177; text-decoration:none" href="musikk.shtml">Musikk jeg liker</a><br>
<a style="color:#441177; text-decoration:none" href="kaniner.shtml">Kaninkjendis-siden</a><br>
<a style="color:#441177; text-decoration:none" href="http://tonjesdagbok.blogspot.com" target="_blank">Bloggen min</a><br>
<br><br><img style="border:0px" src="Design/Kreativt.gif" alt=""><p>
<a style="color:#441177; text-decoration:none" href="foto.shtml">Fotoalbum</a><br>
<a style="color:#441177; text-decoration:none" href="tegninger.shtml">Gamle tegninger</a><br>
<a style="color:#441177; text-decoration:none" href="smykker.shtml">Selvlagde smykker</a><br>
<br><br><img style="border:0px" src="Design/Tamrotter.gif" alt=""><p>
<a style="color:#441177; text-decoration:none" href="minerotter.shtml">Mine rotter</a><br>
<a style="color:#441177; text-decoration:none" href="rottefakta.shtml">Om tamrotter</a><br>
<a style="color:#441177; text-decoration:none" href="burguiden.shtml">Rotteburguide</a><br>
<a style="color:#441177; text-decoration:none" href="rottelenker.shtml">Rottelinker</a><br>
<br><br><img style="border:0px" src="Design/Annet.gif" alt=""><p>
<a style="color:#441177; text-decoration:none" href="gjestebok.shtml">Gjestebok</a><br>
<a style="color:#441177; text-decoration:none" href="lenker.shtml">Linker</a>
</div>
</td>
<td height="650" style="background-color: #915EC4"></td>
<td style="background-color: #FFFFFF; vertical-align:top" rowspan="3">

<div style="position:relative; padding-top:0; padding-left:20px">

SIDEINNHOLD BLA BLA BLA

</div>
</td>
</tr>


<tr>
<td height="14" style="background-color: #915EC4"><img src="Design/Bottomleft.gif" width="14" height="14" border="0" alt=""></td>
<td height="14" style="background-color: #915EC4"></td>
<td height="14" style="background-color: #915EC4"><img src="Design/Bottomright.gif" width="14" height="14" border="0" alt=""></td>
</tr>

<tr>
<td style="background-color: #FFFFFF"><font color="#FFFFFF">.</font>
</td>
<td style="background-color: #FFFFFF"><font color="#FFFFFF">.</font>
</td>
<td style="background-color: #FFFFFF"><font color="#FFFFFF">.</font>
</td>
</tr>


</table>

 

 

Takk for linken, skal ta en titt!! :)

Lenke til kommentar
Grogg

Grogg

Skrevet
  • Forfatter
Skrevet
kanskje dette vil hjelpe: I CSS skriver du inn følgende kode:

table {width:XXpx; height:XXpx; border:XXpx; } XX=Variabel verdi.

Jeg tror at man må definere høyden/bredden med px for at IE ikke skal rote det til. Håper det kan være til hjelp. Lykke til :thumbup:!

Takk! Men det fungerte ikke, virket ikke som at tablekoden klarte å skjønne riktig bredde når det sto i CSS-koden :S Ikke border heller.

 

Prøvde å definere høyde og bredde i hver td-celle med style="" kode (altså CSS?), men det gjorde ingen forskjell.

 

Så vanskelig dette skulle være da :ermm:

Lenke til kommentar
ronron25

ronron25

Skrevet
Skrevet

Er ingen ekspert på koding etc(ennå :blush:) , og føler vel jeg er ute på litt tynn is. Rart at ingen av ekspertene her ikke trår til å hjelper ;)? Men, prøv å skrive dette mellom <head></head>:

<link rel="stylesheet" type="text/css" href="navnet på css fila(som peker til:{width:XXpx; height:XXpx; border:XXpx; })">

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...