Div, Div, css!

[kava]

przerabiam sobie stronę na css.

Jesteśmy tu:

https:// hq.punio. eu.org/~kava/hitecmar/index2.php

CSS:

.presentation { font-size: 10px; color: #006699; margin: 5px 20px 10px 20px; background: #fff url(images/icons/presentation.gif) top right no-repeat; border-left: 10px #e4e4e4 solid; padding:10px 60px 10px 10px}

HTML:

<div class="presentation">

1. <a href="link">Jakiś tekst</a>

<p>Rozwinięcie</p>

</div>

Zapraszam do detektywowania - dlaczego w IE jest takie dziwadło? (scroll down). Help.

[Erbit]

.presentation { font-size: 10px; color: #006699; margin: 5px 20px 10px 20px; background: #fff url(images/icons/presentation.gif) top right no-repeat; border-left: 10px #e4e4e4 solid; padding:10px 60px 10px 10px}

sie na tym nie znam.. ale moze problem jest tu:

 background: #fff 

bo zapis szesnastkowy wymaga podania

 background: #ffffff 

wiec moze 'coś' jest zle interpretowane...

[kava]

oba #fff i #ffffff są poprawne, tylko #fff zajmuje mniej miejsca

[zero3]

również zapis 'white' jest poprawny.

przyznam, ze przedziwnie to wyglada w ie. :? przyczyna tkwi chyba w czyms nadrzednym do "presentation", ale nie wglebialem sie.

ale moim zdaniem powinnas sprobowac zamiast powielac <div class="presentation"> zastosowac liste (odpada powtarzanie klas i dodatkowo masz numeracje), czyli np

<ol class="presentation">

<li>

<a href="link">Jakiś tekst</a>

<p>Rozwinięcie</p> 

</li>

<li>

<a href="link">Jakiś tekst</a>

<p>Rozwinięcie</p> 

</li>

</ol>

[kava]

zero3

dzięki, stestuję, nie znałam tego/nie wpadłabym na takie rozwiązanie.

Sprawdź złomowiskową pocztę.

[zero3]

dzieki extra kawał złomu napisz prosze skad pochodzi

[Erbit]

oba #fff i #ffffff są poprawne, tylko #fff zajmuje mniej miejsca 

jak pisalem to dla mnie nieznane.. dzieki za wyjasnienie - dzieki Tobie juz 'coś' wiem.

Niestety w CSS widac jest to dozwolone, w innych niestety jest przyczyna bledow.

Wiem ze jak usunąłem "padding:10px 60px 10px 10px" to pod IE juz sie tak nie przesuwa...

[s4lc]

padding:10px 60px 10px 10px

padding nie jest zamkniety :]*

*uwaga bez zagladania na strone

tak wogole to radze zrobic porzadek w style.css i pozamykac wszystkie

paddingi i marginy ";" bo jest kupa z tym bledow :]**

IE jast na to wrazliwe

**uwaga po zajrzenniu na strone

[k0rnik]

Kava,

z .presentation skasuj "PADDING-BOTTOM: 10px;"

i dodaj definicję :

.presentation p { PADDING-BOTTOM: 10px; }

powinno rozwiązać problem

pzdr.

[kava]

k0rnik

faktycznie, teraz ok :shock:

Dzięki, musze jeszcze nad tym posiedzieć.

s4lc

myślałam, że na końcu zamykać nie trzeba... Ale racja, że zamknąć nie zaszkodzi.

Erbit

"Hooray, I'm useful!" ® Dr Zoidberg

[nrm]

sie na tym nie znam.. ale moze problem jest tu:

Kod: 

background: #fff

bo zapis szesnastkowy wymaga podania

skracac można wszystko co jest "podwójne"

tzn:

#ffffff -> #fff

#88dd33 -> #8d3

[Erbit]

Erbit

"Hooray, I'm useful!"  ® Dr Zoidberg

Przykro mi, ze inni byli lepsi ode mnie... naprawdę się starałem.

poprostu kawę pijam codziennie na śniadanie... dziś widać się ta sztuka nie udała...

Pozdrawiam.