Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów › Technologie internetowe - tworzenie stron WWW › xHTML, CSS, JavaScript v
Szablon allegro - dobrze w FF źle pod IE :(

Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Tryb drzewa
Szablon allegro - dobrze w FF źle pod IE :(
grzesiek87 Offline
Junior Member
**
Liczba postów: 9
Liczba wątków: 5
Dołączył: 12-02-2010
Reputacja: 0
#1
25-06-2010, 05:00
Witam,

Zrobiłem sobie szablon allegro i pod wszystkimi przeglądarkami oprócz ie działa poprawnie.

Chciałem zrobić osobny szablon dla IE ale gdy wpisuje go do sekcji <HEAD> jako if to strona zmienia się także pod FF Co robię źle?

Kod w sekcji IE jest całkiem pomieszany bo próbowałem coś robić ale nie działało jak ktoś chce zobaczyć jak wygląda szablon w FF niech wywali całą sekcje if i będzie ok:
Kod:
<html>
<HEAD>
<STYLE type="text/css">

#container
    {
        width:950px;
        height:auto;
        margin-left:auto;
        margin-right:auto;
    }

    #naglowek
    {
    width:950px;
    height:150px;
    background: url(http://img375.imageshack.us/img375/9648/naglowekg.jpg);
    float:left;
    margin-bottom:2px;
    }
    
    #tab_koszty
    {
    width:200px;
    height:auto;
    background:#d0b86f;
    float:right;
    font-family:verdana, arial;
    font-size: 12px;
    padding:10px;
    margin-bottom:2px;
    }
    
    
    #nag_koszty
    {
    font-family:verdana, arial;
    font-size: 14px;
    font-weight:bold;
    text-align:center;
    width:220px;
    height:20px;
    background:#b67934;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#A15000;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#A15000;
    color:#f9e3be;
    float:left;
    margin-left:-10px;
    margin-top:-10px;
    margin-bottom:10px;
    }
    
    #tab_sposob
    {
    padding:10px;
    width:200px;
    height:auto;
    background:#D4BB70;
    float:right;
    font-family:verdana, arial;
    font-size: 12px;
    margin-bottom:2px;
    }
    
    
    #nag_sposob
    {
    color:#f9e3be;
    font-weight:bold;
    margin-top:2px;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:220px;
        height:20px;
        background:#b67934;
        clear:both;
        float:right;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
        clear:right;
        margin-left:-10px;
    margin-top:-10px;
    margin-bottom:10px;
    float:left;
    }
    
    
    
    #nag_allegro
    {

    float:left;
    color:#f9e3be;
    font-weight:bold;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:220px;
        height:20px;
        background:#b67934;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
        margin-left:-10px;
    
    margin-bottom:10px;
    }
    
    
    #nag_onas
    {

        float:left;
        color:#f9e3be;
        font-weight:bold;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:220px;
        height:20px;
        background:#b67934;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
        margin-left:-10px;
          margin-top:-10px;
            margin-bottom:10px;
    }
    
    #tab_onas
    {
    float:left;
    clear:left;
    padding:10px;
    width:200px;
    background:#D4BB70;
    font-family: verdana, arial;
    font-size: 12px;
    margin-bottom:2px;
    }

    #nag_glowne
    {
    color:#f9e3be;
    font-weight:bold;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:506px;
        height:20px;
        background:#b67934;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
        float:left;
    margin-left:-10px;
    margin-bottom:10px;
    }
    
    
    #glowne
    {
    margin-left:2px;
    margin-bottom:2px;
    font-size:18px;
    font-family:tahoma;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    width: 486px;
    height:auto;
    background: #e9d3af;
    float:left;
    }
    
    
    
    
    #stopka
    {
    clear:both;
    color:#f9e3be;
    font-weight:bold;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:950px;
        height:20px;
        background:#b67934;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
    }
    
    
    #kreska
    {
    margin-top:10px;
    width:220px;
    height:2px;
    background:white;
    margin-left:-10px;
    }
    
    li
    { margin-left:-15px;
    }
    ul
    {
    list-style:circle;
    
    }


    img
    {
    margin-right:5px;
    float:right;
    }
    
    p.klasa1
    {
    text-align:left;
    font-size:15px;
    font-family: verdana;
    font-weight:italic;
    }
    
    
    p.klasa2
    {
    margin-top:30px;
    font-size:15px;
    font-family: verdana;
    font-weight:italic;
    }
    
    h1
    {
    margin-top:5px;
    font-size:20px;
    font-family: verdana;
    font-weight:italic;
    
    }
    
    a:link, a:visited
    {
    color:black;
    
    }
    
    
    a:hover
    {
    
    color:#f9e3be;
    }
    
    <!--[if lt IE 7]>
    
   body {
text-align: center;
}


    #tab_koszty
    {
    padding-left:200px;
    padding-top:40px;
    width:200px;
    font-family:verdana, arial;
    font-size: 12px;
    padding:0px;
    margin-bottom:2px;
    }


    #nag_koszty
    {
    padding-top:12px;
    font-family:verdana, arial;
    font-size: 14px;
    font-weight:bold;
    text-align:center;
    width:230px;
    height:20px;
    background:#b67934;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#A15000;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#A15000;
    color:#f9e3be;
    float:left;
    margin-left:-10px;
    margin-top:-10px;
    margin-bottom:10px;
    }

    #tab_sposob
    {
    padding:10px;
    width:200px;
    height:auto;
    background:#D4BB70;
    float:right;
    font-family:verdana, arial;
    font-size: 12px;
    margin-bottom:2px;
    }


    #nag_sposob
    {
    color:#f9e3be;
    font-weight:bold;
    margin-top:2px;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:220px;
        height:20px;
        background:#b67934;
        clear:both;
        float:right;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
        clear:right;
        margin-left:-10px;
    margin-top:-10px;
    margin-bottom:10px;
    float:left;
    }



    #nag_allegro
    {

    float:left;
    color:#f9e3be;
    font-weight:bold;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:220px;
        height:20px;
        background:#b67934;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
        margin-left:-10px;
        margin-top:-12px;
    margin-bottom:10px;
    }


    #nag_onas
    {

    float:left;
    color:#f9e3be;
    font-weight:bold;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:220px;
        height:20px;
        background:#b67934;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
        margin-left:-10px;
    margin-top:-10px;
    margin-bottom:10px;
    }

    #tab_onas
    {
    float:left;
    clear:left;
    padding:0px;
    width:200px;
    background:#D4BB70;
    font-family: verdana, arial;
    font-size: 12px;
    margin-bottom:2px;
    padding-left:10px;
    padding-top:10px;
    }

    #nag_glowne
    {
    color:#f9e3be;
    font-weight:bold;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:506px;
        height:20px;
        background:#b67934;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
        float:left;
    margin-left:-10px;
    margin-bottom:10px;
    }


    #glowne
    {
    margin-left:2px;
    margin-bottom:2px;
    font-size:18px;
    font-family:tahoma;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    width: 486px;
    height:auto;
    background: #e9d3af;
    float:left;
    }




    #stopka
    {
    clear:both;
    color:#f9e3be;
    font-weight:bold;
        font-family:verdana, arial;
        font-size: 14px;
        text-align:center;
        width:950px;
        height:20px;
        background:#b67934;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#A15000;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#A15000;
    }


    #kreska
    {
    margin-top:10px;
    width:220px;
    height:2px;
    background:white;
    margin-left:-10px;
    }

    li
    { margin-left:-15px;
    }
    ul
    {
    list-style:circle;

    }


    img
    {
    margin-right:5px;
    float:right;
    }

    p.klasa1
    {
    text-align:left;
    font-size:15px;
    font-family: verdana;
    font-weight:italic;
    }


    p.klasa2
    {
    margin-top:30px;
    font-size:15px;
    font-family: verdana;
    font-weight:italic;
    }

    h1
    {
    margin-top:5px;
    font-size:20px;
    font-family: verdana;
    font-weight:italic;

    }

    a:link, a:visited
    {
    color:black;

    }


    a:hover
    {

    color:#f9e3be;
    }



<!-[endif]-->

</STYLE>
</HEAD>
<BODY>

<div id="container">

                <div id="naglowek"></div>
                
                                         <!-- Tabelki lewa strona -->

                                
                                <div id="tab_onas">
                                <div id="nag_onas">O firmie:</div>

                                        Sprzedajemy tylko i wyłącznie towar który mamy na stanie <br />

                                        /chyba że w opisie jest zaznaczona przedsprzedaż/<br /><br />

                                        Oferujemy błyskawiczną wysyłkę<br /><br />

                                        Mamy bardzo atrakcyjne ceny<br /><br />

                                        Wszystkie pozycje są nowe i nigdy nie były używane<br /><br />

                                        Do każdej książki dołączamy paragon, na życzenie wystawiamy fakturę VAT<br />
                                        
                                        <div id="kreska"></div>
                                         <div id="nag_allegro">Allegro:</div>
                                        
                                        
                                         <center><a href="http://www.allegro.pl/show_user_">Nasze aukcje</a></center>
                                </div>
                                
                                

                    
                                
                                
                                <!-- Glowne okno przedmiotu -->
                                
                                
                                <div id="glowne">
                                <div id="nag_glowne">Przedmiot aukcji:</div>
                                  

                                        <span style="text-align:right;"><img src="http://img710.imageshack.us/img710/1623/hughy.jpg"></span>


                                <p class="klasa2">
                                <h1>Pakiet 3 tomów - Camilla Lackberg  <br /> <br /></h1>

                                <span style="font-weight:bold">Wydawnictwo:</span> Czarna Owca <br />
                                <span style="font-weight:bold">Oprawa:</span> miękka <br />
                                <span style="font-weight:bold">Rok wydania:</span> 2009 <br />
                                <span style="font-weight:bold">Wymiary:</span> 13,5 x 21 cm <br />
                                 <br />
                                <span style="font-weight:bold">Książki są nowe, nieużywane. </span> <br />
                                </p>
                                <p class="klasa1">
                                <span style="font-weight:bold">Opis:</span><br /><br />
                                W niewielkiej miejscowości na zachodnim wybrzeżu Szwecji, wśród małej, zamkniętej społeczności, gdzie wszyscy się znają i wszystko o sobie wiedzą - w jednym z domów odkryto zwłoki młodej kobiety. Początkowo wszystko wskazuje na samobójstwo, okazuje się jednak, że Alex została zamordowana. Prywatne śledztwo rozpoczyna Erica Falck - pisarka i przyjaciółka Alex z dzieciństwa. Księżniczka z lodu to doskonałe studium psychologii zbrodni. Jednak książka nie ogranicza się jedynie do intrygi kryminalnej. Jest to także powieść obyczajowa z ciekawie nakreślonymi postaciami i interesującym obrazem szwedzkiej prowincji. To mocna strona powieści, która oprócz Szwecji odniosła wielki sukces także we Francji, gdzie trwają przygotowania do produkcji filmu. Pierwsze wydanie Księżniczki z lodu ukazało się w 2003 roku. Od tamtej pory Camilla Läckberg wydała już sześć kryminałów, w których czytelnicy spotykają się z pisarką Ericą Falck i mieszkańcami małej miejscowości w pobliżu Göteborga. Powieść została wyróżnienie międzynarodową nagrodą Grand Prix de Littérature Policiere dla najlepszej powieści kryminalnej 2008 roku.

                                </p>
                                
                             </div>
                                
                                
                                

                <!-- Tabelki prawa strona -->
                
                <div id="tab_koszty">
                <div id="nag_koszty">Koszty wysyłki:</div>

                .....




                </div>

                            
                                
                                
                                

                      
                        <div id="tab_sposob">
                        <div id="nag_sposob">Sposób wysyłki:</div>
                        ......
                        </div>
                        
                        
                        
                                        
                                        
                                        
                                        
                              


                  
<div id="stopka"></div>
</div>

</BODY>




</html>
Szukaj
Odpowiedz
Dhofca Offline
Moderator
*****
Liczba postów: 296
Liczba wątków: 1
Dołączył: 11-12-2009
Reputacja: 9
#2
25-06-2010, 06:05
Z tego co się orientuje w szablonie nie może być warunków (if). Po prostu nie zostaną uwzględnione.
Szukaj
Odpowiedz
grzesiek87 Offline
Junior Member
**
Liczba postów: 9
Liczba wątków: 5
Dołączył: 12-02-2010
Reputacja: 0
#3
25-06-2010, 13:21
Jak zrobię IF poza znacznikami style to w IE wyświetla się pusta strona.
Szukaj
Odpowiedz
Pedro84 Offline
Przyjaciel Forum
****
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja: 58
#4
25-06-2010, 14:24
No to odpowiedź masz.
Szukaj
Odpowiedz
Engine Offline
Senior Member
****
Liczba postów: 393
Liczba wątków: 0
Dołączył: 04-06-2010
Reputacja: 15
#5
25-06-2010, 15:28 (Ten post był ostatnio modyfikowany: 25-06-2010, 15:28 przez Engine.)
Wątpię że ten szablon po wrzuceniu w Allegro będzie działać poprawnie. Np dla takich powodów jak:

Kod:
li {}
ul{}
img {}

raczej nie możesz zmieniać wyglądu głównych tagów. I to jest aukcja Allegro nie wymaga się tu budowy na div-ach, tu wystarczy budowa na tabelach.
Szukaj
Odpowiedz
Dhofca Offline
Moderator
*****
Liczba postów: 296
Liczba wątków: 1
Dołączył: 11-12-2009
Reputacja: 9
#6
25-06-2010, 17:53
Nie rozumiem Engine. 'Wystarczy na tabelach' ?Do budowy stron służą divy, już od 2001 roku nie robi się tego na tabelach, bo to jest po prostu niepoprawne.
Zresztą.. na allegro budujemy stronę dokładnie tak samo jak normalną, nie można:
- używać flash'a
- javascriptu
- nie wszystkie znaczniki są obsługiwane, ale listę tych obsługiwanych znajdziesz w dziale 'pomoc' na stronie allegro.
Wartą tą pomoc przeczytać, to raptem kilka krótkich podstron, a rozwiejesz swoje wątpliwości i na pewno poradzisz sobie z aukcją.
Szukaj
Odpowiedz
Engine Offline
Senior Member
****
Liczba postów: 393
Liczba wątków: 0
Dołączył: 04-06-2010
Reputacja: 15
#7
25-06-2010, 20:58
Dhofca tak div-y do budowy stron, a czym jest strona, bo ja znam budowę taką:

- top
- center
- footer

A tak wyrywkowo sprawdź sobie źródło aukcji allegro (aukcji nie strony głównej allegro) zanim zaczniesz budowę aukcji (nie stron) na divach.
Szukaj
Odpowiedz
Pedro84 Offline
Przyjaciel Forum
****
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja: 58
#8
25-06-2010, 21:19 (Ten post był ostatnio modyfikowany: 25-06-2010, 21:21 przez Pedro84.)
(25-06-2010, 20:58)Engine napisał(a): Dhofca tak div-y do budowy stron, a czym jest strona, bo ja znam budowę taką:

- top
- center
- footer

A tak wyrywkowo sprawdź sobie źródło aukcji allegro (aukcji nie strony głównej allegro) zanim zaczniesz budowę aukcji (nie stron) na divach.

Chrzanisz głupoty. Gdzieś słyszałeś o strukturze blokowej (potocznie, acz błędnie, zwana układem strony, ale niech i tak będzie), ale co to jest to już nie wiesz... A dla Twojej informacji powiem Ci, że jest ponad 60 możliwych wariantów struktury (niektore bez footera, bez nagłówka, etc). Heh. BTW... Jak już tak "nazywasz" bloki na stronie, to nie center, a middle...

Co do tabel, jak sama nazwa wskazuje, służą do danych TABELARYCZNYCH, wiesz co to jest?

Proszę, zanim zaczniesz głupoty gadać następnym razem sobie sprawdź: http://allegro.pl/help_item.php?zoom=N&item=543. Wyszukanie tego zajęło mi może z 20 sekund, co i Tobie polecam na przyszłość.
Szukaj
Odpowiedz
Engine Offline
Senior Member
****
Liczba postów: 393
Liczba wątków: 0
Dołączył: 04-06-2010
Reputacja: 15
#9
25-06-2010, 21:41
Jak na razie podałeś tylko regułki, ale żadnych przykładów. Z resztą w jaką aukcję bym nie wszedł jest na tabelach, no najwyżej że mam pecha i nie trafiam na te które np Ty budujesz na divach.
Szukaj
Odpowiedz
Pedro84 Offline
Przyjaciel Forum
****
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja: 58
#10
25-06-2010, 22:14
(25-06-2010, 21:41)Engine napisał(a): Jak na razie podałeś tylko regułki, ale żadnych przykładów. Z resztą w jaką aukcję bym nie wszedł jest na tabelach, no najwyżej że mam pecha i nie trafiam na te które np Ty budujesz na divach.

Wiesz co? Prezentujesz światopogląd "skoro wszyscy skaczą pod auta, to i ja będę, kij z tym, że to niezbyt mądre i nawet z punktu widzenia logiki - niemądre, ale robią tak wszyscy to i ja będę". Jest to niepoprawne i szczerze powiedziawszy nie interesuje mnie co robią inni - ja się staram spełniać wymagania standardów i tworzyć poprawne rozwiązania. Rob sobie jak chcesz, ale wiedz, że to co robisz jest niepoprawne. Ja się z Allegro nie bawię, ale jak miałem swoją stronę na Allegro, wszystko było zbudowane na divach (i wyobraź sobie, nawet działało).

Swoją drogą, trochę po tym Allegro swojego czasu chodziłem i żadnej wartej uwagi strony nie spotkałem (grafika z lat 90., teksty z błędami, brak logiki w rozmieszczeniu elementów na stronie - taka ciekawostka).

PS. Tak a propos błędów... W zeszłym tygodniu poprawiałem stronę, na ktorej.... nie było ani jednego diva (tabeli z resztą też nie). Same marginesy i <img>, pozycjonowane absolutnie (ja bym to nazwał próbą pozycjonowania).
Szukaj
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Szablon aukcji allegro - problem z szerokością alpax 1 2,909 02-12-2014, 16:16
Ostatni post: Kartofelek
Question [CSS] Szablon YOOtheme Infinite dla WP peregrinantis 0 2,244 02-05-2014, 01:26
Ostatni post: peregrinantis
  [problem][html] cutenews i szablon kawadodek2000 1 2,992 13-08-2013, 16:49
Ostatni post: mateo
  Strona tylko u mnie wyświetla się dobrze dawidwml 7 5,594 19-10-2012, 14:23
Ostatni post: Engine
Big Grin HTML/CSS - Szablon Aukcji Allegro - Problem NeoniXX 0 1,478 30-09-2012, 14:35
Ostatni post: NeoniXX

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl