Zaloguj się

Guliver1983 · (Ten post był ostatnio modyfikowany: 22-02-2010, 19:15 przez Marcin.)

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>

papcio28 · 21-02-2010, 02:45

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

Guliver1983 · 21-02-2010, 04:35

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ę ...

Guliver1983 · (Ten post był ostatnio modyfikowany: 22-02-2010, 19:15 przez Marcin.)

papcio28 · 22-02-2010, 00:33

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

Guliver1983 · 23-02-2010, 18:55

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ć :/

***Marcin*** · 23-02-2010, 20:30

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>

Guliver1983 · Liczba postów: 6 Liczba wątków: 2 Dołączył: 20-02-2010 Reputacja: 0

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

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie