/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
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
CSS/DIV problemer med positioner (Kun voks~
Fra : Jacob Larsen


Dato : 26-08-03 13:34

Er der nogen, der kan fortælle mig hvorfor dette ikke virker ordentligt?

I IE 6 er der et lille mellemrum mellem topbilledet og menuerne/indholdet.
Jeg har sat farver på elementerne så det kan ses (Det er den blå streg). Kan
denne ikke fjernes?

I mozilla kommer der et stort mellemrum mellem billedet og alt andet, men
hvorfor? Desuden kan jeg ikke tilføje padding til det store element med
links uden at hele boksen udvides og menuerne dermed kommer til at dække
lidt for elementet.

Det sidste problem med Mozilla er at den ikke centrerer det hele ligesom IE
gør. Hvad gør jeg galt her?

Linket er http://www.pornofilm.dk/test/newdesign/

Nu har jeg efterhånden brugt ret lang tid på forskellige muligheder. Håber
der er nogen der kan hjælpe mig.

--
mvh. Jacob Larsen - der er lidt træt af css og forskellige browsere



 
 
Johan Holst Nielsen (26-08-2003)
Kommentar
Fra : Johan Holst Nielsen


Dato : 26-08-03 14:12



Jacob Larsen wrote:
> Er der nogen, der kan fortælle mig hvorfor dette ikke virker ordentligt?
>
> I IE 6 er der et lille mellemrum mellem topbilledet og menuerne/indholdet.
> Jeg har sat farver på elementerne så det kan ses (Det er den blå streg). Kan
> denne ikke fjernes?
>
> I mozilla kommer der et stort mellemrum mellem billedet og alt andet, men
> hvorfor? Desuden kan jeg ikke tilføje padding til det store element med
> links uden at hele boksen udvides og menuerne dermed kommer til at dække
> lidt for elementet.

Prøv at ændre
<div id="header">
      <img src="emu.jpg" alt="Logo" />
</div>

Til
<div id="header"><img src="emu.jpg" alt="Logo" /></div>


mvh
Johan



Anders Thorsen Holm (26-08-2003)
Kommentar
Fra : Anders Thorsen Holm


Dato : 26-08-03 14:13

Jacob Larsen wrote:

> I IE 6 er der et lille mellemrum mellem topbilledet og
> menuerne/indholdet. Jeg har sat farver på elementerne så det kan
> ses (Det er den blå streg). Kan denne ikke fjernes?

I din kode har du:

<div id="header">
      <img src="emu.jpg" alt="Logo" />
</div>

Prøv at stille det op på een linie, altså ingen linieskift, således:

<div id="header"><img src="emu.jpg" alt="Logo" /></div>

> I mozilla kommer der et stort mellemrum mellem billedet og alt
> andet, men hvorfor?

Det er formentlig top-margin fra din <h1>-overskrift, der gør det.
Tilføj følgende til dit style sheet:

   h1 { margin-top: 0; }


> Desuden kan jeg ikke tilføje padding til det
> store element med links uden at hele boksen udvides og menuerne
> dermed kommer til at dække lidt for elementet.

Hvis problemet er at hele div'en i venstre side bliver for bred:

Svaret finder du i følgende:

   http://www.w3.org/TR/CSS2/box.html#content-width

Den totale bredde af et element er altså width + margin + padding +
border. Du kan løse problemet ved at smide en ekstra div ind, som du
så definerer padding for.

Hvis det er selve indrykningen af elementerne i din <ul>-liste, så
plejer jeg at gøre følgende i min CSS:

#leftmenu ul {
   margin: 0;
   padding: 0;
}

#leftmenu ul li {
   margin: 0;    
   padding: 0;
}

Så kan man nemlig frit indstille margins og paddings som man lyster
og samtidig få en ide om, hvad der gør hvad.


> Det sidste problem med Mozilla er at den ikke centrerer det hele
> ligesom IE gør. Hvad gør jeg galt her?

text-align center burde ikke give den ønskede effekt. Prøv i stedet
at tilføje følgende til body-delen af din CSS, eller smid indholdet
ind i en "wrapper", hvori du definerer samme:

   margin-left: auto;
   margin-right: auto;

> Linket er http://www.pornofilm.dk/test/newdesign/

Hehe, "rykkergebyr"

> Nu har jeg efterhånden brugt ret lang tid på forskellige
> muligheder. Håber der er nogen der kan hjælpe mig.

Som nævnt i andre tråde, kan man finde masser af nyttig information
via Mozillas DOM Inspector - prøv den!

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/?page=fona

Jacob Larsen (26-08-2003)
Kommentar
Fra : Jacob Larsen


Dato : 26-08-03 16:13

> Prøv at stille det op på een linie, altså ingen linieskift, således:
> <div id="header"><img src="emu.jpg" alt="Logo" /></div>

Ja, den havde jeg helt glemt fra sidst det gav problemer. Tak til dig (og
Johan)

> Tilføj følgende til dit style sheet:
> h1 { margin-top: 0; }

Ja, det var også rigtigt. To ud af to

>> Desuden kan jeg ikke tilføje padding til det
>> store element med links uden at hele boksen udvides og menuerne
>> dermed kommer til at dække lidt for elementet.
>
> Hvis problemet er at hele div'en i venstre side bliver for bred:
> Svaret finder du i følgende:
> http://www.w3.org/TR/CSS2/box.html#content-width
>
> Den totale bredde af et element er altså width + margin + padding +
> border. Du kan løse problemet ved at smide en ekstra div ind, som du
> så definerer padding for.

Glimrende. Det havde at gøre med at IE kørte i quirks mode før og dette
gjorde, at den mente width skulle være incl. padding. Efter jeg lavede det
om, gør den den det samme i IE som den gør i Mozilla (altså udvider menuerne
hvis jeg tilføjer padding). Da det nu er ens ved alle browsere, der
overholder standarden, har jeg bare tilføjet padding på hver menu samt
tilpasset størrelserne.
At ingen fulgte standarden i mange år, har ikke ligefrem gjort det nemmere
at lære html/css

>> Det sidste problem med Mozilla er at den ikke centrerer det hele
>> ligesom IE gør. Hvad gør jeg galt her?
>
> text-align center burde ikke give den ønskede effekt. Prøv i stedet
> at tilføje følgende til body-delen af din CSS, eller smid indholdet
> ind i en "wrapper", hvori du definerer samme:
> margin-left: auto;
> margin-right: auto;

Ja, det virker også Jeg havde lavet et lille forsøg med brug af
microsoft development environment til brug ved editering af css-filer. Jeg
var udemærket tilfreds, indtil jeg fandt ud af, den ikke understøtter alt
det den burde (f.eks. auto-værdien). Den gav ellers et rigtigt godt overblik
over css-filen (ligesom i visual C++), men nu er det tilbage til TextPad

> Som nævnt i andre tråde, kan man finde masser af nyttig information
> via Mozillas DOM Inspector - prøv den!

Den var ikke med i min første installation. Nu er den inde og klar til brug.

Mange tak for hjælpen.
--
mvh. Jacob Larsen



Jens Gyldenkærne Cla~ (26-08-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 26-08-03 14:27

Jacob Larsen skrev:

> Linket er http://www.pornofilm.dk/test/newdesign/
>
> Nu har jeg efterhånden brugt ret lang tid på forskellige
> muligheder. Håber der er nogen der kan hjælpe mig.

Første problem er at du med xml-erklæringen får IE til at gå i
quirks mode, mens Mozilla går i standardmode.

Fjern linjen "<?xml version="1.0" encoding="iso-8859-1"?>" - samt
de foregående tomme linjer.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jacob Larsen (26-08-2003)
Kommentar
Fra : Jacob Larsen


Dato : 26-08-03 15:16

>> Linket er http://www.pornofilm.dk/test/newdesign/
>
> Første problem er at du med xml-erklæringen får IE til at gå i
> quirks mode, mens Mozilla går i standardmode.
>
> Fjern linjen "<?xml version="1.0" encoding="iso-8859-1"?>" - samt
> de foregående tomme linjer.

Ja, der er jo nok ikke for smart. Jeg er først lige nu begyndt at bruge
xhtml og jeg har set mange forskellige doctypes på forskellige sider. Det er
ikke helt nemt at se hvilken der er den rigtige.
Derfor vil jeg lige spørge om dette er den korrekte definition for xhtml 1.1
strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

--
mvh. Jacob Larsen



Erik Ginnerskov (26-08-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-08-03 15:22


"Jacob Larsen" <jacobl@FJERNDETTE.cs.auc.dk> skrev
>
> Jeg er først lige nu begyndt at bruge
> xhtml og jeg har set mange forskellige doctypes på forskellige sider. Det
er
> ikke helt nemt at se hvilken der er den rigtige.
> Derfor vil jeg lige spørge om dette er den korrekte definition for xhtml
1.1
> strict
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

Det ser helt rigtigt ud. Så skal du bare efter <head> tilføje denne linje:

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin



Jens Gyldenkærne Cla~ (26-08-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 26-08-03 15:51

Jacob Larsen skrev:

> Derfor vil jeg lige spørge om dette er den
> korrekte definition for xhtml 1.1 strict


Den er god nok. Men for at være korrekt XHTML 1.1 bør du benytte
content-type xhtml+xml. Desværre understøttes den contenttype pt
kun af Mozilla.

Hvad er grunden til at du vælger XHTML 1.1 frem for XHTML 1.0
strict?
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jacob Larsen (26-08-2003)
Kommentar
Fra : Jacob Larsen


Dato : 26-08-03 16:24

>> Derfor vil jeg lige spørge om dette er den
>> korrekte definition for xhtml 1.1 strict
>
> Den er god nok. Men for at være korrekt XHTML 1.1 bør du benytte
> content-type xhtml+xml. Desværre understøttes den contenttype pt
> kun af Mozilla.
>
> Hvad er grunden til at du vælger XHTML 1.1 frem for XHTML 1.0
> strict?

Jeg ville bare have den nyeste, men det er jo nok rigtigt at det ikke er ret
smart hvis den kun understøttes af mozilla (97% af mine besøgende bruger jo
IE). Jeg troede, at den var alment understøttet.

Hvilken doctype-definition skal jeg bruge til denne?
html.dk giver f.eks. 3 muligheder på siden http://html.dk/artikler/00036/

--
mvh. Jacob Larsen



Martin Hintzmann And~ (27-08-2003)
Kommentar
Fra : Martin Hintzmann And~


Dato : 27-08-03 07:23

Jacob Larsen wrote:
>
> Jeg ville bare have den nyeste, men det er jo nok rigtigt at det ikke er ret
> smart hvis den kun understøttes af mozilla (97% af mine besøgende bruger jo
> IE). Jeg troede, at den var alment understøttet.
>
> Hvilken doctype-definition skal jeg bruge til denne?
> html.dk giver f.eks. 3 muligheder på siden http://html.dk/artikler/00036/
>

Ligesom Jens skriver syntes jeg også at XHTML1.0 Strict er det rigtige valg af DOCTYPE.

Angående at du bare vil bruge det nyeste, så er RUBY det nye i XHTML1.1
http://www.w3.org/TR/xhtml11/changes.html#a_changes

Men jeg tvivler på at din målgruppe er øst asien

Hintzmann c",)


Jens Gyldenkærne Cla~ (26-08-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 26-08-03 21:28

Jacob Larsen skrev:

> Jeg ville bare have den nyeste, men det er jo nok rigtigt at
> det ikke er ret smart hvis den kun understøttes af mozilla

Du kan sagtens skrive sider der hævder at være XHTML 1.1 og få dem
vist nydeligt i alle større browsere. Problemet er bare at man
omgår standarderne ved at sende XHTML 1.1-dokumenter som text/html
- og browserunderstøttelsen af det korrekte application/xhtml+xml
er begrænset til Mozilla.

Man kan læse lidt om det her:
<http://www.xml.com/pub/a/2003/03/19/dive-into-xml.html> - eller se
W3's side om media types til XHTML:
<http://www.w3.org/TR/xhtml-media-types/>

Den sidste side er i øvrigt bemærkelsesværdig. Hvis man ser den med
Mozilla, er det en side i XHTML 1.1 - med korrekt content-type
(application/xhtml+xml). Ser man den i IE eller Opera, er det en
HTML 4.01 Strict-side.

> Hvilken doctype-definition skal jeg bruge til denne?

Her er den jeg bruger til XHTML 1.0 Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408941
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste