Søg
Avatar billede je79ayps Novice
23. juli 2003 - 22:17 Der er 15 kommentarer og
2 løsninger

Placering af <div> i <div> fejler i Netscape

Jeg forsøger at lave en baggrund med et <div> element hvori jeg gerne vil lægge et andet <div> "ovenpå", og det har jeg en del problemer med...

Hvis I ser på www.ejstrup-kongskov.dk/new i IE så ser det ud som det jeg gerne vil frem til, men i NN "følger" baggrunden ligesom ikke med resten af teksten og den indsatte <div>.

Er der én som kan rette min CSS til eller lave et eksempel på hvordan det gøres at placere et i <div> i et <div> - som virker i alle browsere?

En anden sjov lille ting er hvis man opdatere siden i IE 6.0 så forsvinder borderen i den store grønne kasse. Det har noget at gøre med den hvide kasse for hvis jeg fjerne den så virker det fint - hvad er årsagen?
Avatar billede hoejrup Nybegynder
23. juli 2003 - 22:23 #1
Det virker overhovedet ikke i IE eller NS til Macintosh, så du følger sikkert ikke w3c reglerne.

IE 6.0 til Windows er fyldt med fejl!

/per
Avatar billede hoejrup Nybegynder
23. juli 2003 - 22:30 #2
Det virker nogenlunde i IE og NS til Mac.

Dit CSS fejler ikke noget, men kig lige her:

http://validator.w3.org/check?uri=www.ejstrup-kongskov.dk%2Fnew

/per
Avatar billede hoejrup Nybegynder
23. juli 2003 - 22:33 #3
Hvis du skal anvende kommentarer, så skal det se således ud:

<!--  Dette er en text -->

/per
Avatar billede skovenborg Nybegynder
24. juli 2003 - 01:10 #4
Kommentarer??? Dem har han da ikke nogen af i hans HTML-dokument. Og hvis du mener kommentarerne i hans stylesheet så er det skam rigtig nok /* */ man skal bruge (eller kan bruge).
Avatar billede skovenborg Nybegynder
24. juli 2003 - 01:14 #5
Men som hoejtrup skriver så er IE 6.0 fuld af fejl (og overholder ikke W3C standarderne så godt som andre browsere). Det du kan gøre er at fjerne height i dit stylesheet hvor der står:
#baggrund {
    background-color: #336633;
    position: absolute;
    width: 635px;
    left: 10px;
    top: 96px;
    border: 1px solid #003300;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 633px;
        height: 13px; <-- FJERN DEN DER ELLER GØR VÆRDIEN STØRRE
}

NS (eller Mozilla) gør jo faktisk bare det du har bedt den om - at lave den ene div 13 pixels høj.
Avatar billede hoejrup Nybegynder
24. juli 2003 - 07:08 #6
skovenborg> Der er mange fejl i IE 6.0. Så måske skulle du vågne lidt op, eller gå lidt tidligere i seng.

Det er hellere ikke tilladt at skrive følgende i toppen af et html dokument:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
De hårdtslående vikinger, der er en af hovedattraktionerne ved det årlige vikingetræf ved Moesgård, kommer ikke. Vikingerne og arrangørerne har ikke kunnet blive enige om deltagerantallet.

Vikingetræffet ved Moesgård i den kommende weekend bliver uden de drabelige vikingeslag med ægte våben, som normalt er en af træffets hovedattraktioner.

Vikingerne kommer nemlig ikke, men har i stedet valgt at tage til vikingetræf i Bork Vikingehavn ved Ringkøbing Fjord.

Årsagen til afbuddet er, at Moesgård Museum, der arrangerer træffet, har ville begrænse antallet af deltagende vikinger, hvilket vikingerne ikke har ville være med til.

<html>

/per
Avatar billede je79ayps Novice
24. juli 2003 - 09:01 #7
hoejrup >> Jeg har ikke kunne teste på mac, men umiddelbart ser det fint ud i IE 6 og 5 samt Opera, men browserne Netscape og Mozilla virker ikke. Det er rigtigt at IE 6 ikke følger w3c standard, men sådan som jeg har forstået sætter man IE's egne .dtd ud af funktion ved at sætte w3c's loose.dtd - og mine erfaringer siger mig at det passer meget godt.

Jeg mangler at placere et div og derfor fejlen valideringen - teksten skal selvfølgelig ikke stå der, men noget siger mig at det ikke er derfor. :o)

skovenborg >> Ups, ja jeg havde glemt at fjerne height, men igen så tror jeg altså ikke det er grunden for hvis det skulle virke efter hensigten så skulle "test"-teksterne jo bare blive placeret ind i <div>'et - dvs. at man ca. kun ville kunne se en af "test"-linier.

Jeg er på arbejde nu men vil prøve at rette lidt i det når jeg kommer hjem.
Avatar billede skovenborg Nybegynder
24. juli 2003 - 15:56 #8
hoejrup >> Jaja, jeg havde godt set den tekst, og hvis det skulle være ment som en kommentar, så har du ret. Og selvfølgelig er det ikke korrekt at placere den der.
Avatar billede je79ayps Novice
24. juli 2003 - 18:46 #9
skovenborg >> LOL! Det var height der gjorde udslaget. :o)

Nu har er jeg så nået lidt længere og side er nu valid iflg. w3, men siden ser nu ikke særlig godt ud i IE, men Netscape og Mozilla er den fornuftigt - nogle bud?
Avatar billede je79ayps Novice
24. juli 2003 - 18:50 #10
Den ser faktisk også OK ud i Opera - ih jeg bliver mere træt af IE! Der er lidt med margen i bunden som fortolkes lidt anderledes i de forskellige browsere, men kan vi se på senere...
Avatar billede je79ayps Novice
24. juli 2003 - 20:37 #11
OK, nu er jeg kommet lidt videre ved at placere et ekstra <div> element, så nu er det faktisk som jeg gerne vil have det - dog er der lige et par småting jeg undres lidt over.

1. I Netscape er bund-margen kun på 4px, men den skal være 5px og det er den også i alle de andre browsere - ?
2. I Opera vil den hvide titel linie ikke gå helt ud til den højre kant - ?
3. |-tegnet ved siden af "forside" teksten hvordan kan jeg få den 1px op, så den er på linie med "forside" teksten?
Avatar billede je79ayps Novice
24. juli 2003 - 21:42 #12
Sidste spørgsmål.

Hvordan for jeg højre-justeret min dato tekst?
Avatar billede skovenborg Nybegynder
25. juli 2003 - 23:33 #13
Angående spørgsmål 3 kunne du prøve at ligge tegnet ind i en div (eller span) og på den måde få lavet om på hvor de skal stå henne:
<div id="menu">
<a href="?id=forside" class="menu">forside</a> <span style="position:relative;top:-1px">|</span> >fredag den 25. juli 2003</div>
Avatar billede skovenborg Nybegynder
25. juli 2003 - 23:39 #14
Og så om Opera problemmet:
tilføj padding:0px i body:
body {
    background-color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    margin: 0px;
    padding:0px;
}
Avatar billede je79ayps Novice
26. juli 2003 - 09:51 #15
skovenborg >> du er en knag! det virkede - kan du klare spørgsmålet med højre-justeringen af datoen også?

Netscape har jeg hørt skulle uddø, så det er ikke så vigtigt med margenen på de 5px. :o)
Avatar billede je79ayps Novice
29. juli 2003 - 21:01 #16
hoejrup - vil du have point?
Avatar billede hoejrup Nybegynder
29. juli 2003 - 23:07 #17
Netscape uddør ikke, men bliver overdraget til Mozilla med en sum dollars.
Så det lever videre i Mozilla. :-)

/per
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
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
06/0911:47 VB script Af Jenshentze i Word
White papers
Flere white papers »