/ 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
Breddefejl og margin/padding
Fra : Kim Ludvigsen


Dato : 28-05-08 14:28

Menuen på denne side:
http://www.janss.dk/andrea.html
virker fint i nyere browsere, men når man forstørrer teksten
i IE6, er der ikke plads til alle menupunkter og det yderste
punkt skubbes derfor ned på en ny linje. Kan IE6 ikke finde
ud af at fastholde bredden på en li?

Det gør ikke nogen forskel af angive menupunkternes bredde i
px i stedet for %.

Der er også lidt problemer med brugen af margin/padding på
henholdsvis <object> og <img> på siden, selvom de har samme
egenskaber i css-filen. Der mangler afstand mellem Flash'en
og teksten til højre for den. Nogen der har en forklaring
og en løsning til at få samme afstand omkring både <object>
og <img>.

--
Mvh. Kim Ludvigsen
Gule huskesedler på skærmen - med indbygget alarmfunktion.
http://kimludvigsen.dk

 
 
Kim Ludvigsen (28-05-2008)
Kommentar
Fra : Kim Ludvigsen


Dato : 28-05-08 23:56

Kim Ludvigsen skrev:
> Menuen på denne side:
> http://www.janss.dk/andrea.html
> virker fint i nyere browsere, men når man forstørrer teksten i IE6, er
> der ikke plads til alle menupunkter og det yderste punkt skubbes derfor
> ned på en ny linje. Kan IE6 ikke finde ud af at fastholde bredden på en li?

Jeg har fundet ud af, at problemet er, at IE ikke har samme
standardindstilling for overflow som andre browsere. I
stedet for at lade for bredt indhold gå ud over boksens
kanter eller afskære for meget indhold, udvides boksen.
Løsningen er at angive overflow:hidden.

Jeg har stadig ikke fået løst nedenstående, så forslag er
velkomne.

> Der er også lidt problemer med brugen af margin/padding på henholdsvis
> <object> og <img> på siden, selvom de har samme egenskaber i css-filen.
> Der mangler afstand mellem Flash'en og teksten til højre for den. Nogen
> der har en forklaring og en løsning til at få samme afstand omkring både
> <object> og <img>.

--
Mvh. Kim Ludvigsen
Stor trin for tin-guide til opsætning og brug af Internet
Explorer 7.
http://kimludvigsen.dk

Birger (29-05-2008)
Kommentar
Fra : Birger


Dato : 29-05-08 07:56

"Kim Ludvigsen" <usenet@kimludvigsen.dk> skrev i en meddelelse
news:483de2f5$0$56767$edfadb0f@dtext02.news.tele.dk...
> Kim Ludvigsen skrev:
>> Menuen på denne side:
>> http://www.janss.dk/andrea.html
>> virker fint i nyere browsere, men når man forstørrer teksten i IE6, er
>> der ikke plads til alle menupunkter og det yderste punkt skubbes derfor
>> ned på en ny linje. Kan IE6 ikke finde ud af at fastholde bredden på en
>> li?
>
> Jeg har fundet ud af, at problemet er, at IE ikke har samme
> standardindstilling for overflow som andre browsere. I stedet for at lade
> for bredt indhold gå ud over boksens kanter eller afskære for meget
> indhold, udvides boksen. Løsningen er at angive overflow:hidden.
>
> Jeg har stadig ikke fået løst nedenstående, så forslag er velkomne.
>
>> Der er også lidt problemer med brugen af margin/padding på henholdsvis
>> <object> og <img> på siden, selvom de har samme egenskaber i css-filen.
>> Der mangler afstand mellem Flash'en og teksten til højre for den. Nogen
>> der har en forklaring og en løsning til at få samme afstand omkring både
>> <object> og <img>.
>


Der er mange, der blander margin og padding, og bruger dem i flæng.
Margin er udenom elementet (mellem naboelementer) og padding indenfor.
Det man skal være opmærksom på, er at margins kan overlappe.
Et element har margin 5px naboelementet 10px. De fleste mener så at der skal
være 15px mellem dem - det er bare ikke nødvendigvis sådan - der kan lige så
godt kun være 10px. (Der er forskel på vandret og horisontal - i hvert fald
i IE).
Margin er en slags mindsteafstand til naboelementer. I ovenstående
overholdes dette med de 10px.
Padding giver afstand fra indhold til kanten af elementet. Den (bør altid)
være temmelig præcis, uanset omgivelser.

I øvrigt er det mit indtryk, at flash i HTML har meget bøvl, bl.a. med at
validere.
Måske skulle du prøve en af flash-grupperne. Der kunne godt være nogen med
den slags erfaring.


Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Kim Ludvigsen (29-05-2008)
Kommentar
Fra : Kim Ludvigsen


Dato : 29-05-08 10:32

Birger skrev:
> "Kim Ludvigsen" <usenet@kimludvigsen.dk> skrev i en meddelelse
>>
>>> Der er også lidt problemer med brugen af margin/padding på henholdsvis
>>> <object> og <img> på siden, selvom de har samme egenskaber i css-filen.
>>> Der mangler afstand mellem Flash'en og teksten til højre for den. Nogen
>>> der har en forklaring og en løsning til at få samme afstand omkring både
>>> <object> og <img>.
>
> Der er mange, der blander margin og padding, og bruger dem i flæng.

I dette tilfælde er det lige meget, om man bruger det ene
eller det andet. Der er stadig forskel på, hvordan afstanden
påføres ved de to elementer.

> I øvrigt er det mit indtryk, at flash i HTML har meget bøvl, bl.a. med at
> validere.

Flash'en på den pågældende side er bygget på min kode, så
den validerer selvfølgelig

> Måske skulle du prøve en af flash-grupperne. Der kunne godt være nogen med
> den slags erfaring.

Det er ikke Flash-problem, men forskellig behandling af
<img> og <object>. Jeg har jo sikkert overset noget, der
får padding/margin til at opføre sig forskelligt på de to
elementer, men hvad?

--
Mvh. Kim Ludvigsen
Få et flot eller sjovt vandmærke på skærmen.
http://kimludvigsen.dk

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