Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
problem z wyśrodkowaniem strony pod IE
#1
Witajcie,

Siedzę od wczoraj wieczora i nie mogę rozwiązać jednego problemu, pod przeglądarkami opera i ff strona wyświetla się bardzo dobrze natomiast pod ie nie mogę jej wyśrodkować, dokładnie mówiąc gdy wstawie kod na aukcję to robi się wyrównanie do lewej.

Proszę o poradę, mimo że spokojny jestem to już mnie coś trafia Smile

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<STYLE type=text/css>
  <!--
  * { font-size:12px; font-family:sans-serif; }
  body { margin:0px; padding:0px; font: 74% Arial, Sans-Serif; color:#black; line-height: 1.4em; background-color:#e3e1d3; }
  
  div.body { margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; color:#black; line-height: 1.4em; background-color:#e3e1d3; background-image:url(http://img88.imageshack.us/img88/7168/backgroundgs.gif); background-repeat:repeat-x; }
  .main { width:980px; }
  
  .header { height:284px; }
  .header .title { padding:20px 30px; background-color:#2664a2; color:white; border-bottom:7px solid #ed7242; background-image:url(http://img848.imageshack.us/img848/2122/naglowekp.png); vertical-align:middle; }
  .header .title h1 { font-size:2em; margin-bottom:5px; color:white; font-weight:bold; }
  .header .title h2, .header .title h3, .header .title p, .header .title div { font-size:1em; margin-top:5px; font-weight:bold; }
  .header .left { background-image:url(http://img338.imageshack.us/img338/1663/headerleftshadow.gif); }
  .header .right { background-image:url(http://img841.imageshack.us/img841/8736/headerrightshadow.gif); }
  
  .middle { }
  .middle .left { background-image:url(http://img24.imageshack.us/img24/8526/middleleftshadow.gif); }
  .middle .right { background-image:url(http://img254.imageshack.us/img254/9113/middlerightshadow.gif); }
    .middle .buttons {}
  .middle .content { padding:5px 30px; background-color:white; align:center; }
  .middle .content1 { padding:5px 30px; background-color:white; }
    
  .columns { }
  .columns .major { vertical-align:top; padding-right:15px; }
  .columns .major h1 { font-size:2.9em; padding-bottom:5px; color:#005100; font-weight:bold; border-bottom:1px solid #005100; }
  .columns .major h2 { font-size:2em; padding-bottom:0px; color:#005100; font-weight:bold; }
  .columns .major h3 { font-size:1.5em; padding-bottom:0px; color:#000000; font-weight:normal; margin-bottom: 0.5em; margin-top: 0.5em; }
    .columns .major h4 { font-size:1.2em; padding-bottom:0px; color:#000000; font-weight:normal; margin-bottom: 0.5em; margin-top: 0.5em; }
    .columns .major h5 { font-size:1.5em; padding-bottom:0px; color:#000000; font-weight:normal; text-decoration: line-through; margin-bottom: 0.5em; margin-top: 0.5em; }
  .columns .major div, columns major p {}
  .columns .major ol, ul, li, hr, img  {}
  .columns .additional { vertical-align:top; }
  .columns .additional h1 { font-size:1.3em; padding-bottom:5px; color:#000000; font-weight:bold; border-bottom:1px solid #2664a2; margin:10px 0px 5px 0px; }
  .columns .additional h2 { font-size:1.3em; padding-bottom:5px; color:#2664a2; font-weight:bold; border-bottom:1px solid #2664a2; margin:10px 0px 5px 0px; }
  .columns .additional h3 { font-size:1em; padding-bottom:5px; color:#2664a2; font-weight:bold; border-bottom:1px solid #2664a2; margin:10px 0px 5px 0px; }
  .columns .additional div, .columns .additional p { padding:0px; margin:0px;  }
  .columns .additional ol, ul, li, hr, img  {}
    
    .columns1 { padding:40px 0px; }
  .columns1 .major { vertical-align:top; padding-right:15px; }
  .columns1 .major h1 { font-size:2.9em; padding-bottom:5px; padding-top:5px; color:#005100; font-weight:bold; border-bottom:1px solid #005100; }
  .columns1 .major h2 { font-size:2em; padding-bottom:0px; color:#005100; font-weight:bold; }
  .columns1 .major h3 { font-size:1.5em; padding-bottom:0px; color:#000000; font-weight:normal; margin-bottom: 0.5em; margin-top: 0.5em; }
    .columns1 .major h4 { font-size:1.2em; padding-bottom:0px; color:#000000; font-weight:normal; margin-bottom: 0.5em; margin-top: 0.5em; }
    .columns1 .major h5 { font-size:1.5em; padding-bottom:0px; color:#000000; font-weight:normal; text-decoration: line-through; margin-bottom: 0.5em; margin-top: 0.5em; }
  .columns1 .major div, columns major p {}
  .columns1 .major ol, ul, li, hr, img  {}
  .columns1 .additional { vertical-align:top; }
  .columns1 .additional h1 { font-size:1.3em; padding-bottom:5px; color:#000000; font-weight:bold; border-bottom:1px solid #2664a2; margin:10px 0px 5px 0px; }
  .columns1 .additional h2 { font-size:1.3em; padding-bottom:5px; color:#2664a2; font-weight:bold; border-bottom:1px solid #2664a2; margin:10px 0px 5px 0px; }
  .columns1 .additional h3 { font-size:1em; padding-bottom:5px; color:#2664a2; font-weight:bold; border-bottom:1px solid #2664a2; margin:10px 0px 5px 0px; }
  .columns1 .additional div, .columns .additional p { padding:0px; margin:0px;  }
  .columns1 .additional ol, ul, li, hr, img  {}
  
  .bottom { height:10px; font-size:5px; }
  .bottom .left { background-image:url(http://img33.imageshack.us/img33/474/bottomleftshadow.gif); background-repeat:no-repeat; background-position:left top; }
  .bottom .right { background-image:url(http://img233.imageshack.us/img233/8818/bottomrightshadow.gif); background-repeat:no-repeat; background-position:right top; }
  .bottom .center { background-image:url(http://img412.imageshack.us/img412/3083/bottomshadow.gif);  background-repeat:repeat-x; }
  
  div.banner { text-align:center; margin-top:10px; margin-bottom:10px; }
  div.banner img { border:0px solid white; }
  -->
</STYLE>

<DIV class=body>
<TABLE class=main border=0 cellSpacing=0 borderColor=red cellPadding=0 align=center>
<COLGROUP>
<COL width=10>
<COL>
<COL width=10></COLGROUP>
<TBODY>
<TR class=header>
<TD class="shadow left"><BR></TD>
<TD class=title></TD>
<TD class="shadow right"><BR></TD></TR>
<TR class=middle>
<TD class="shadow left"><BR></TD>
<TD class=content>
<TABLE class=columns border=0 cellSpacing=0 borderColor=red cellPadding=0 width="100%">
<a href="http://allegro.pl/my_page.php?uid=4223193"><img src="http://img153.imageshack.us/img153/2649/onasy.png" border="0" alt=""/></a>
<a href="http://allegro.pl/sklep/4223193_natalon"><img src="http://img233.imageshack.us/img233/5872/naszeaukcje.png" border="0" alt=""/></a>
<a href="http://allegro.pl/show_user.php?uid=4223193"><img src="http://img4.imageshack.us/img4/9702/komentarzeu.png" border="0" alt=""/></a>
<a href="http://allegro.pl/SendMailToUser.php?userId=4223193"><img src="http://img838.imageshack.us/img838/9187/napiszdonas.png" border="0" alt=""/></a>
<TABLE class=columns1 border=0 cellSpacing=0 borderColor=red cellPadding=0 width="100%">
<COLGROUP>
<COL>
<COL width=150></COLGROUP>
<TBODY>
<TR>
<TD class=major>
<H1>Tytuł książki</H1>
<H2>Autor</H2>
<H2>Dodatkowy opis</H2>
<H3>Wydawnictwo: </H3>
<H3>ISBN: </H3>
<H3>Format: </H3>
<H3>Ilość stron: </H3>
<H3>Stan: </H3>
<H3>Oprawa: </H3>
<H5>Cena detaliczna: 00,00 zł</H5>
<H4><br>
<br>Przedmiotem aukcji jest w/w książka, nowa, nieużywana w idealnym stanie. Po</H4>
<H4>zaksięgowaniu wpłaty towar natychmiast wysyłam w dobrze zabezpieczonej</H4>
<H4>kopercie bąbelkowej lub w kartonie (w zależności od wagi i ilości zamówionych)</H4>
<H4>książek. W przypadku zakupu więcej niż jednego egzemplarza proszę o kontakt</H4>
<H4>w sprawie kosztów wysyłki (nie dotyczy wysyłki za pośrednictwem kuriera, waga</H4>
<H4>paczki może być wtedy do 30 kg).
<br>
<br>
Dodatkowe pytania proszę kierować na adres: [email protected]</H4>
<H2>Opis:</H2>
<H4>X</H4>
</TD>

<TD class=additional>
<!-- kontakt -->
<img src="http://img406.imageshack.us/img406/153/menukontakt.png" alt=""/>
<P>
<br>
Adres email: [email protected]
<br>
<br>
Telefon: 48 601 677 978
<br>
<br>
GG: 10131359
<br>
<br>
<img src="http://img823.imageshack.us/img823/5734/menustopka.jpg" alt=""/>
<br>
<br>
</P>
<!-- kontakt -->

<!-- wysyłka -->
<img src="http://img16.imageshack.us/img16/9456/menuwysylka.png" alt=""/>
<P>
<br>
Towar wysyłany jest codziennie od poniedziałku do piątku kurierem GLS lub Pocztą Polską, w zależności od wyboru klienta.
<br>
<br>
Każde zamówienie wysyłane jest w ciągu 24 godzin od zaksięgowania wpłaty.
<br>
<br>
Wszystkie paczki są bardzo dobrze zabezpieczone przed czynnikami zewnętrznymi, które mogłyby obniżyć jakość dostarczanego przez nas towaru.
<br>
<br>
<img src="http://img717.imageshack.us/img717/6950/logogls.jpg" alt=""/>
<br>
<br>
<img src="http://img402.imageshack.us/img402/1265/logopocztapolskal.jpg" alt=""/>
<br>
<br>
<img src="http://img818.imageshack.us/img818/1205/logoeprzesylki.jpg" alt=""/>
<br>
<br>
<img src="http://img89.imageshack.us/img89/9553/logopaczkomaty.jpg" alt=""/>
<br>
<br>
<img src="http://img37.imageshack.us/img37/5734/menustopka.jpg" alt=""/>
<br>
<br>
</P>
<!-- wysyłka -->

<!-- płatność -->
<img src="http://img706.imageshack.us/img706/3794/menuplatnosc.png" alt=""/>
<P>
<br>
Formy płatności:
<br>
<br>
Zwykły przelew
<br>
<br>
Płacę z allegro
<br>
<br>
Płatne przy odbiorze
<br>
<br>
<img src="http://img823.imageshack.us/img823/5734/menustopka.jpg" alt=""/>
<br>
<br>
</P>
<!-- płatność -->

</TD></TR></TBODY></TABLE></TD>
<TD class="shadow right"><BR></TD></TR>
<TR class=bottom>
<TD class="shadow left"><BR></TD>
<TD class="shadow center"><BR></TD>
<TD class="shadow right"><BR></TD></TR></TBODY></TABLE></DIV>
Odpowiedz
#2
1) Środkuje ci stronę? A co niby ma środkować, skoro div.body ma margin:10px 0px 0px 0px. Słyszał o margin:10px auto 0 auto ???
2) 0 nie potrzebuje px. 0 to 0.
3) atrybuty dajemy w cudzysłowach.
4) po co ci te komentarze w stylach? Takie rzeczy robiło się 20 lat temu Smile
Odpowiedz
#3
to jest pierwszy szablon który robię Smile dlatego komentarze

a byka już sprawdzam

działa, dziękuję bardzo
Odpowiedz
#4
Proszę cie bardzo.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Problem przy pomniejszaniu/powiększaniu strony pelirroja 7 4,874 10-12-2012, 23:10
Ostatni post: Kartofelek
  Problem z wyśrodkowaniem menu Heyek 2 2,801 06-12-2012, 16:53
Ostatni post: Heyek
  CSS-Problem z automatycznym wyśrodkowaniem menu andrzolide 2 2,451 03-12-2012, 18:42
Ostatni post: andrzolide
Exclamation Wyśrodkowanie strony. Rozjeżdżanie przy powiększaniu. Rozdzielczość ekranu. PROBLEM ohcs 6 3,428 24-02-2012, 16:31
Ostatni post: kornell
  [CSS,PHP]Problem z podlinkowanymi obrazkami/przycinanie się strony w Chrome nadroke 0 1,413 03-11-2011, 02:24
Ostatni post: nadroke

Skocz do:


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