zaokraglone rogi w headerze strony , a IE

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
kondorek
Posty: 7
Rejestracja: czw lis 09, 2006 6:26 pm

zaokraglone rogi w headerze strony , a IE

Post autor: kondorek »

Witam wszystkich.
Tym razem szukam pomocy nastepujacej
chcialem zaokraglic narozniki w naglowku strony.
Zaokraglony naroznik musi miec jeszcze zaokraglona krawedz innego koloru
Poczatkowe zlapalem sie za skrypt tego wlocha od NIfty Corners, ale efekt tego byl marny, poniewaz w naglowku mialem jeszcze logo, i nie wiem jakim cudem, ale po zabawie z Nifty, naglowek srednio pieknie sie zaokraglil, a do tego logo dostalo 1pikselowe krawedzie;) smiech na sali
Zrezygnowalem
I zrobilem cos takiego

Kod: Zaznacz cały

<div id="topheader">
<div class="topheader1"></div>
</div>
<div id="header"> loga i inne</div> 
css

Kod: Zaznacz cały

#topheader {
background:url (images/topleft.gif) no-repeat top left;
height:9px;
}
..topheader1 {
background:url (images/topright.gif) no-repeat top right;
height:9px;
}
selektor topheader ma w "backgroundzie" gifa z zaokrgleniem lewym naroznikiem plus tzw top rozciagniete na 1200 pikseli a klasa ma tylko gif prawego naroznika

i w mozilli i operze wyglada wszystko cacy,
ale w IE wywala mi pod div id = topheader bialy pasek mimo ze ustawilem wszyskie marginesy w powyzszych dwoch selektorach i klasach na 0px.

Wyglada to mniej wiecej tak
____________________________
( top header ) zaokraglone rogi
pusta przestrzen :)
_____________________________


Header


_____________________________


co z tym zrobic?!?
a moze macie jakis inny pomysl na zaokraglenie naroznikow z krawedziami
pozdrawiam Konrad

ps. co sie wlasciwie stalo, ze tak nagle ucichlo to forum, kiedys tyle postow a dzis ::[/code]
koziolek
Przelotem
Przelotem
Posty: 387
Rejestracja: sob paź 21, 2006 10:07 pm
Kontakt:

Re: zaokraglone rogi w headerze strony , a IE

Post autor: koziolek »

Najszybciej to obrazkiem... inna metoda to użycie kilku divów każdy o innym marginesie i szerokości. kolejno po sobie...
kondorek
Posty: 7
Rejestracja: czw lis 09, 2006 6:26 pm

Re: zaokraglone rogi w headerze strony , a IE

Post autor: kondorek »

dziala wszystko, pozbylem sie tego paska bez potrzeby zmieniania schematu.
Wystarczylo dodac w klasie i selektorze parametr font size na 1px, i IE zatrybil.
koziolek
Przelotem
Przelotem
Posty: 387
Rejestracja: sob paź 21, 2006 10:07 pm
Kontakt:

Re: zaokraglone rogi w headerze strony , a IE

Post autor: koziolek »

hm... dodaj jeszcze overflow: hidden; bo IE5 będzie nadal rozciągał box....
ODPOWIEDZ