|
| 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
| |
|
|