Søg
Avatar billede smileymans Praktikant
29. marts 2006 - 15:27 Der er 7 kommentarer og
1 løsning

Placering af menu i Div tags

Hejsa..

Jeg er igang med et lille skoleprojekt hvor jeg skal lave en side med 2 menuer, indhold i midten, banner og sidefod.. Den højre menu driller.

Du kan se siden på http://smiley.lir.dk/div-test/test6.html.

den tilhørende css kode ser sådan ud:

div#rightmenu
{
    position: absolute;
    top: 110px;
    right: 20px;
    width: 140px;
    border: 1px solid #000000;
}

Af en eller anden grund placerer den menuen forskelligt i firefox og internet explorer..
Er der nogen måde man kan få den til at tilpasse sig indholdet til venstre???
Avatar billede olebole Juniormester
29. marts 2006 - 15:51 #1
<ole>

Ligesom med P-elementer, sætter forskellige browsere forskellig margin på H-elementer (den slags er ikke defineret i nogen standard). Definer selv den ønskede margin (og evt. font-size, padding, m.m.) på H-elementerne - så vises de ens  ;o)

/mvh
</bole>
Avatar billede smileymans Praktikant
29. marts 2006 - 16:07 #2
Det er desværre ikke lige det der er galt åbenbart..

Nu har jeg prøvet at fjerne overskriften og bare sætte ren tekst ind..
Den placerer dem stadig forkert...
Eller har jeg helt misforstået dig?
Du må gerne give et eksempel :-D
Avatar billede milandt Nybegynder
29. marts 2006 - 16:25 #3
ole > http://www.w3.org/TR/REC-CSS2/sample.html
Avatar billede smileymans Praktikant
29. marts 2006 - 16:26 #4
Jeg har også prøvet at definere dem efter margin nu.. hvis jeg sætter margin til at være 104px; og top til at være 0px; så burde jeg mene at den skulle sætte den på samme måde da margins burde overholde de samme standarder alle steder.. men sådan er det ikke :-(
Den placerer dem stadig forskelligt i IE og firefox. :-(

min css ser nu sådan ud:

div#rightmenu
{
    position: absolute;
    top: 0px;
    right: 20px;
    width: 140px;
    border: 1px solid #000000;
    margin-top: 104px;
}
Avatar billede notes2c Nybegynder
30. marts 2006 - 11:48 #5
Hvis du vil have en change for at det skal se ens ud i forskellige browser, så er det et krav at du bruger fuld doctype, eksempelvis:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede smileymans Praktikant
30. marts 2006 - 19:18 #6
se det havde jeg ikke tænkt over.. nu er jeg desværre færdig med det projekt. Det lykkedes mig at skjule fejlen, men ikke at fjerne den helt.
Tror jeg er ved at få nogenlunde styr på Dov tags.

:-D Takker for hjælpen allesammen..
Avatar billede olebole Juniormester
31. marts 2006 - 17:16 #7
milandt (29/03-2006 16:25:42) >> Det dokument hører ikke til nogen standard, men viser blot, hvordan W3C opfordrer browser leverandører til at lade de forskellige elementer rendere. Hvis du f.eks. prøver at lægge baggrundsfarve eller borders på et H1-element, vil du da også kunne forvisse dig om, at bl.a. IE og FF ikke renderer dette element ens  :)

Jeg er ikke så meget på E for tiden, så jeg har ikke kunnet følge tråden, men som notes2c helt korrekt anfører, er det en tvingende nødvendighed at bruge en fuld DTD, hvis man vil bruge CSS i IE ... hvorfor det da også undrer mig, han ikke fik tildelt points ...
Avatar billede milandt Nybegynder
31. marts 2006 - 17:36 #8
Det ved jeg godt ole. Men det dokument er det tætteste du kommer på en retningslinie fra W3C om hvordan de forskellige markup elementer skal vises som udgangspunkt.
Avatar billede 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.

Loading billede Opret Preview
Kategori
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I dag 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
White papers
Flere white papers »