Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Błędy w szablonie allegro css - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Błędy w szablonie allegro css (/thread-bledy-w-szablonie-allegro-css)



Błędy w szablonie allegro css - Guliver1983 - 20-02-2010

Witam.Mam problem z szablonem aukcji na allegro a konkretnie z css-em.
Po wgraniu przy firefoxie u dołu pojawia się poziomy suwak natomiast w IE cała treść i menu przesuwają się na lewo i wychodzą poza główną ramkę na tło. Będę wdzięczny za wszelkie sugestie i pomoc.

Skrypt :

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

  <style type="text/css">
calosc { border-width: 0px;
margin: 0pt 0pt 0pt -1px;
padding: 0pt;
background: rgb(208, 208, 208) none repeat scroll 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;}
body { margin: 0pt;
padding: 0pt;
width: 100%;}
body { color: rgb(101, 101, 101);
font-family: 'Trebuchet MS',sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;}
p { letter-spacing: normal;
line-height: 1.7em;}
h1 { margin: 25px 0pt 10px;
color: rgb(255, 119, 0);
font-size: 22px;
clear: both;}
h2 { margin: 20px 0pt 10px;
color: rgb(255, 119, 0);
font-size: 20px;
clear: both;}
h3 { margin: 20px 0pt 5px;
color: rgb(255, 119, 0);
font-size: 18px;
clear: both;
text-align:center;}
a:link, a:visited { color: rgb(24, 96, 168);
text-decoration: none;}
a:hover { color: rgb(255, 165, 0);
text-decoration: underline;}
#wrapper { margin: 0pt auto;
background: transparent url(adres) repeat-y scroll 50% 0px;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
width: 100%;}
body { background-color: rgb(208, 208, 208);
background-image: url(img/body-bg.jpg);
background-position: center top;
background-repeat: repeat-x;}
#bg { margin: 0pt auto;
padding: 0pt;
background: transparent url(adres) no-repeat scroll center top;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;}
#header { margin: 0pt auto;
min-height: 0px;
height: 0px;
width: 800px;}
#page { background: transparent url(adres) no-repeat scroll center top;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;}
#container { margin: 0pt auto;
width: 800px;}
#banner { margin: 0pt auto;
height: 230px;
width: 100%;}
#nav1 { margin: 0pt auto;
height: 30px;
width: 798px;
text-align: center;}
#nav1 ul { margin: 0pt auto;
padding: 0pt;
display: table;
list-style-type: none;
position: relative;
height: 30px;
text-transform: uppercase;
font-size: 11px;
font-family: Arial,sans-serif;}
#nav1 ul li { margin: 0pt;
padding: 0pt;
background: transparent url(adres) repeat-x scroll left top;
display: block;
float: left;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;}
#nav1 ul li a { padding: 0px 50px;
display: block;
float: left;
color: rgb(238, 238, 238);
text-decoration: none;
line-height: 30px;
font-weight: bold;}
#nav1 ul li a:hover, #nav1 li#current a { background: transparent url(adres) repeat-x scroll left top;
color: rgb(255, 255, 255);
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;}
#content { margin: 0pt auto;
width: 798px;
text-align: left;
min-height: 800px;}
#content p { text-align: justify; }
#footerWrapper { margin: 0pt auto;
padding: 0pt;
background: transparent url(adres)
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;}
#footer { margin: 0pt auto;
padding: 0pt;
width: 800px;
height: 90px;}
#footer { color: rgb(255, 255, 255);
text-align: center;}
#footer a:link, #footer a:visited { color: rgb(255, 255, 255);}
#footer a:hover { color: rgb(0, 0, 0);
text-decoration: none;}
#right { padding: 10px 20px 20px;
width: 165px;
float: left;}
#center { padding: 10px 20px 20px;
width: 553px;
float: left;}
#content p { margin-top: 10px;
text-align: justify;}
#sidebar ul.vmenu { border-top: 1px solid rgb(216, 216, 240);
margin: 7px 0px 8px;
padding: 0pt;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
text-align: center;
text-decoration: none;}
#sidebar ul.vmenu li { border-bottom: 1px solid rgb(216, 216, 240);
margin: 0pt 2px;
padding: 4px 0pt 4px 0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;}
#sidebar ul.vmenu li a { text-decoration: none;
color: rgb(85, 196, 0);}
#sidebar ul.vmenu li a:hover { color: rgb(255, 165, 0);}
#sidebar ul.vmenu ul { margin: 0pt 0pt 0pt 5px;
padding: 0pt;}
#sidebar ul.vmenu ul li { border: medium none ;}
#sidebar p {text-align:center;}
.clear { clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0pt;
height: 0pt;}
  </style>
  <title>Szablon Deka Nowy</title>
</head>



  <body>
<div id="calosc">
<div id="wrapper">
<div id="bg">
<div id="header"></div>

<div id="page">
<!-- container -->
<div id="container"><!-- banner -->
<div id="banner"></div>

<!-- end banner --><!-- horizontal navigation -->
<div id="nav1">
<ul>

  <li> <a href="adres" shape="rect">O NAS</a>
  </li>

  <li> <a href="adres" shape="rect">NASZE AUKCJE</a>
  </li>

  <li> <a href="adres" shape="rect">KOMENTARZE</a>
  </li>

  <li> <a href="adres" shape="rect">NAPISZ DO NAS</a>
  </li>

</ul>

</div>

<!-- end horizontal navigation --><!-- content -->
<div id="content">
<div id="center">
<div id="welcome">
<h3>WITAMY NA NASZEJ AUKCJI</h3>

<p><OPIS></OPIS></p>

<p><GALERIA></GALERIA></p>

<p style="clear: both;"> </p>

</div>

</div>

<div id="right">
<div id="sidebar">
<h3 style="margin-top: 40px;">DANE FIRMY</h3>

<p>treść</p>

<h3 style="margin-top: 40px;">PRZESYŁKA KURIERSKA</h3>

<p>treść</p>

<h3 style="margin-top: 40px;">KONTO BANKOWE</h3>

<p>treść</p>


<h3 style="margin-top: 40px;">GWARANCJA</h3>

<p>treść</p>


</div>

</div>

<div class="clear" style="height: 40px;"> </div>

<!-- end content --> </div>

<!-- end container --> </div>

<div id="footerWrapper">
<div id="footer">
<p style="padding-top: 10px;">Copyright 2010 <strong>nazwa firmy</strong>/p>

</div>

</div>

</div>

</div>

</div>

</div>
</body>



RE: Błędy w szablonie allegro css - papcio28 - 21-02-2010

Ja bym sprobowal zrobic to po prostu na tabelkach Smile Raz zrobilem sobie szablon do allegro na divach to tez mi sie sypalo konkretnie Smile Nic nie bylo tak jak powinno Smile Polecam wiec szablon oprzec na tabelkach, bedzie to najmniej czasochlonne rozwiazanie Smile


RE: Błędy w szablonie allegro css - Guliver1983 - 21-02-2010

Oczywiście to też zawsze jakieś rozwiązanie jednak wolałbym zostać przy div-ach bo jak sądzę problem wynika z kilku linijek skryptu ... Chyba że się mylę ...


RE: Błędy w szablonie allegro css - Guliver1983 - 21-02-2010




RE: Błędy w szablonie allegro css - papcio28 - 22-02-2010

Sam probowalem zrobic sobie szablon na divach ale niestety zawsze byl z tym jakis problem Smile Na tabelkach mozesz zrobic szablon tak samo wygladajacy i bedzie dzialal Smile


RE: Błędy w szablonie allegro css - Guliver1983 - 23-02-2010

Naturalnie jednak teraz wiązałoby si to ze spora reorganizacją skryptu i szczerze nie mam za bardzo pomysłu jak się za to zabrać :/


RE: Błędy w szablonie allegro css - Marcin - 23-02-2010

Ja używam tzw. inline styliing czyli wrzucam atrybut style bezpośrednio do znacznika którego on dotyczy czyli przykładowo mam dwa divy

Kod:
<div style="width: 200px; float: left;">
tresc sidebara
</div>
<div style="width: 600px; float: left;>
zdjecia opis i inne pierdoly
</div>



RE: Błędy w szablonie allegro css - Guliver1983 - 24-02-2010

Rozumiem tylko ze w tym wypadku nic to nie zmieni czy da sie jako css a pózniej div id czy tez od razu sie wstawi jako div style ...
Wątek przeniosłem do działu css - temat do zamknięcia