Notifikationer

Markér alle som læst Log ud

Noone Nybegynder

14. april 2004 - 03:19 Der er 19 kommentarer og
1 løsning

Forskellig opfattelse af width: 100% i Mozilla og IE

Jeg har for længe siden oprettet en menu på http://www.chanoandersen.dk/ ved hjælp af CSS er det lykkedes at få det ønskede design i IE, nu er det så begyndt at irritere mig, at Mozilla aldrig har været istand til at vise det korrekt.

IE mener at de 100% i bredde er hele menuens bredde, mens mozilla mener det kun er ordets bredde der er tale om.

Er der nogen løsning på det problem (Ud over at angive størrelse i px, som jeg ikke ønsker)?

Synes godt om

nikolajdu Nybegynder

14. april 2004 - 04:23 #1

Du mangler ihvertilfald doc-type på dit frameset.

Synes godt om

steen_hansen Forsker

14. april 2004 - 07:00 #2

nikolajdu har ret, du mangler ihvertfald:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

nikolajdu, jeg forsøger ikke at tage æren, men lægger blot doctype MED link :o)

chanao, har du valideret din side på http://validator.w3.org/detailed.html?

Synes godt om

keysersoze Ekspert

14. april 2004 - 10:23 #3

De oplevelser jeg har med width er, at mozilla og også mange andre browsere ikke vil gøre et element bredere end hvad indholdet er til og det vil sige man er tvunget til at smide et transperent billede ind som gør at det holder bredden (evt kombineret med javacript som sætter bredden efter skærmen bredde)...

men er der nogle forslag kigger jeg da gerne med

Synes godt om

steen_hansen Forsker

14. april 2004 - 11:25 #4

Dette burde også være gangbart i Mozilla, burde det ikke?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>

<div align="center">
<center>
<table>
<tr>
<td style="width: 100%; padding: 10px 0px 0px 0px; background-color: #fff000;">tekst</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</center>
</div>

</body>

</html>

Synes godt om

steen_hansen Forsker

14. april 2004 - 11:32 #5

Lidt bedre eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>
<body>

<div align="center">
<center>
<table>
<tr>
<td align="left" valign="top" style="width: 160px; padding: 10px 0px 10px 10px; background-color: #fff000;">Menupunkt 1</td>
<td align="left" valign="top" style="width: 600px; padding: 10px 0px 10px 10px; background-color: #ff0000;" rowspan="5">En masse tekst</td>
</tr>
<tr>
<td align="left" valign="top" style="width: 160px; padding: 10px 0px 10px 10px; background-color: #fff000;">Menupunkt 2</td>
</tr>
<tr>
<td align="left" valign="top" style="width: 160px; padding: 10px 0px 10px 10px; background-color: #fff000;">Menupunkt 3</td>
</tr>
<tr>
<td align="left" valign="top" style="width: 160px; padding: 10px 0px 10px 10px; background-color: #fff000;">Menupunkt 4</td>
</tr>
<tr>
<td align="left" valign="top" style="width: 160px; padding: 10px 0px 10px 10px; background-color: #fff000;">Menupunkt 5</td>
</tr>
</table>
</center>
</div>

</body>

</html>

Synes godt om

Noone Nybegynder

14. april 2004 - 13:30 #6

nikolajdu + Steen_hansen > Framsættet er lavet af gratisdns, så det kan jeg ikke lave om på.

steen_hansen > Kan godt se formålet med at lave det i en tabel, men det vil jeg bare helst være fri for, da det burde kunne lade sig gøre med div linjer.

Synes godt om

steen_hansen Forsker

14. april 2004 - 13:36 #7

Ok :o) Følger spændt med

Synes godt om

nikolajdu Nybegynder

14. april 2004 - 13:50 #8

chanoa -

<script type="text/javascript">
if(this.location!=top.location){
parent.top.location.href='http://cadk.joliol.dk';
}
</script>

Så bliver du redirected.

Synes godt om

Noone Nybegynder

14. april 2004 - 14:05 #9

nikolajdu > Ja, men det er nu ikke formålet, jeg skal bare have den oprindelige server op igen, så dropper jeg gratisdns' framesæt.

Desuden anser jeg det ikke for relevant i forhold til det aktuelle problem, da en fejl i et framsæt jo ikke bør have betydning for en side inden i dette.

Både sidens HTML og CSS validere ifølge w4c.org's validatorer.

Synes godt om

Noone Nybegynder

14. april 2004 - 14:07 #10

w3c.org's validatorere*

Synes godt om

steen_hansen Forsker

14. april 2004 - 22:23 #11

Du kan ikke lave en

<div style="width: 100%">

...?

Synes godt om

steen_hansen Forsker

14. april 2004 - 22:25 #12

MED semikolon :o)

<div style="width: 100%;">

Synes godt om

Noone Nybegynder

14. april 2004 - 23:46 #13

steen_hansen > Det er defineret <style> sektionen i HTML dokumentet, og der ER semikolon med.

Synes godt om

steen_hansen Forsker

15. april 2004 - 00:22 #14

Ja, det fik jeg set. Mht. semikolon, så var det fra mit eget eksempel :o)

Har du prøvet om <div style="width: 100%;"> bliver vist ordentligt? Jeg ved du har det med i <style></style>, men det er vist ikke helt ligemeget hvordan det står.

Synes godt om

Noone Nybegynder

15. april 2004 - 22:37 #15

steen_hansen > Nej, den gør heller ingen forskel, dog kan jeg se at det gør en forskel at jeg smider linket inden i en ny div, så måske det er IE og ikke Mozilla den er gal med. Er ikke helt klar over om de ting min menuitems class indeholder alle understøttes på et link.

Synes godt om

steen_hansen Forsker

15. april 2004 - 23:02 #16

Faktorernes orden er ikke helt ligegyldig i CSS, så jeg bliver lidt i tvivl, om det kun er på links (a/a:link/a:visited), eller om det også gælder det øvrige. Du havde også kørt en validering på dit CSS?

Synes godt om

steen_hansen Forsker

15. april 2004 - 23:13 #17

Jeg har lige downloadet og installeret Mozilla V1.7. Selvom min side skulle være ok iflg. W3C, så bliver den bestemt ikke vist ordentligt i Mozilla :o/

Synes godt om

olebole Juniormester

16. april 2004 - 00:06 #18

<ole>

At W3C's validator accepterer noget CSS, siger ikke noget om, hvorvidt den pågældende CSS giver mening eller ej. Det siger kun noget om, hvorvidt syntaksen 'stritter' eller ej - meningsfuldheden valideres ikke :)

At du kan få det til at se 'rigtigt' ud i IE burde nærmere undre ... gør dine links til block-level elementer (display:block) - og slet dine <br>'s mellem dem.

/mvh
</bole>

Synes godt om

Noone Nybegynder

27. april 2004 - 00:14 #19

OleBole > Det var lige hva' der skulle til. Takker.

Hvis du vil ha' point, så må du lige smide et svar.

Synes godt om

olebole Juniormester

27. april 2004 - 00:20 #20

Så siger jeg pænt tak :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS