/ 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 placering i Firefox
Fra : Birgitte Skovmand Ni~


Dato : 29-08-07 13:38

Hm...tja, jeg har ved gennemgang af tidligere indlæg kunne se, at
det er et typisk problem jeg har her. Dog har jeg ikke kunne
finde løsningen.

Det drejer sig om www.1030.dk/office

Menuen og adressen er hentet ind via includede filer. Filerne er
først omdøbt til .asp filer, efter de er kommet på serveren, for
at de includede filer kunne indlæses ellers er de lavet som html.

Hvordan får jeg de to ting til at stå samme sted i hhv. IE7 og
Firefox?

CSS som viser hvordan de er placeret:

#velkommen_menu{
   position:absolute;
   margin-left:21px;
   margin-top:94px;
   text-align:center;
   width:110px;
   z-index:50;
}

Håber på hjælp.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Daniel Valentin (29-08-2007)
Kommentar
Fra : Daniel Valentin


Dato : 29-08-07 15:07

> Hvordan får jeg de to ting til at stå samme sted i hhv. IE7 og
> Firefox?
Uden at have testet det ville jeg gætte på din body margin/padding
kunne have indflydelse på det.

Prøv:

body{
margin:0px;
padding:0px;
}

Eller evt. noget med background position.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (29-08-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 29-08-07 16:14

Birgitte Skovmand Nielsen skrev:

> CSS som viser hvordan de er placeret:
>
> #velkommen_menu{
>    position:absolute;
>    margin-left:21px;
>    margin-top:94px;
>    text-align:center;
>    width:110px;
>    z-index:50;
> }

Lige som Daniel har jeg ikke kigget nærmere
efter, men jeg har et råd i tilgift til
Daniels:

Det er logisk forkert at sætte margin på et
absolut positioneret element. Et sådant element
er taget ud af elementernes almindelige omløb
(flow) og udgør et lag, der svæver over de øvrige
elementer på en position, der almindeligvis angives
i forhold til forældreelementet som top, right, bottom
og/eller left.


--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Rune Jensen (30-08-2007)
Kommentar
Fra : Rune Jensen


Dato : 30-08-07 09:05

"Birgitte Skovmand Nielsen" skrev i en meddelelse...

> Det drejer sig om www.1030.dk/office

"The page cannot be displayed
There is a problem with the page you are trying to reach and it cannot be
displayed."

IE6 Win XP

MVH
Rune Jensen



Birgitte Skovmand Ni~ (30-08-2007)
Kommentar
Fra : Birgitte Skovmand Ni~


Dato : 30-08-07 13:47

Tak for jeres svar.

Til Rune: Siden var taget af for en kort stund.

Jeg fandt fejlen, som var, at Dreamweaver af en eller anden grund har sneget
et p tag ind i de filer, som skulle inludes. Det er fjernet nu og alle dele
står samme sted i både IE og Firefox. Faktisk synes jeg tit, at jeg render
ind i problemer med H tags og p tags i hhv. IE og Firefox. Det læser dem
åbenbart ikke ens, placeringerne er ihf. ikke altid de samme.

Mvh.
Birgitte

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Rune Jensen (30-08-2007)
Kommentar
Fra : Rune Jensen


Dato : 30-08-07 14:21

"Birgitte Skovmand Nielsen" skrev i en meddelelse...

> Faktisk synes jeg tit, at jeg render
> ind i problemer med H tags og p tags i hhv. IE og Firefox. Det læser dem
> åbenbart ikke ens, placeringerne er ihf. ikke altid de samme.

Hvordan menes? Hvis du giver en defineret fast margin/padding på p og H
(f.eks. i px), så er der forskellig afstand i de to browsere?

Det _bør_ der egentlig ikke være, nemlig.

Er det derfor, du ikke bruger H-tag? For det er nemlig en mindre god løsning
at definere overskriften i span eller div, end i h, som er lavet til det.

Din side vises så iøvrigt noget nær 100% ens i de to omtalte browsere.

Pæn kode ellers

MVH
Rune Jensen



Allan Vebel (31-08-2007)
Kommentar
Fra : Allan Vebel


Dato : 31-08-07 00:32

Rune Jensen skrev:

> Din side vises så iøvrigt noget nær 100% ens i
> de to omtalte browsere.

Det er da kun fordi det hele er leveret med

position:absolute;

> Pæn kode ellers

Er det pænt?

--
Allan Vebel
http://html-faq.dk



Rune Jensen (31-08-2007)
Kommentar
Fra : Rune Jensen


Dato : 31-08-07 11:29

"Allan Vebel" skrev i en meddelelse...

> Rune Jensen skrev:
>
>> Din side vises så iøvrigt noget nær 100% ens i
>> de to omtalte browsere.
>
> Det er da kun fordi det hele er leveret med
>
> position:absolute;

Vat jeg ikke helt opmærksom på. Jeg bruger nu også selv ind i mellem
position. For at undgå CC, for eksempel.


>> Pæn kode ellers
>
> Er det pænt?

Mjah... Den halter godt nok lidt i semantikken på både <p> (mangler), <Hx>
(mangler, <b> (Ikke brugt korrekt), og <address> (mangler)... Og <img> burde
nok have været background-image i stedet med divs til skygger udenom til
indholdet, og til menuen måske lister med background på <li>. Til gengæld er
koden jo nogenlunde overskuelig. Men du har ret, bl.a. de nævnte ting burde
faktisk rettes og/eller gennemgås.


MVH
Rune Jensen



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste