[CSS] Allegro.pl i podwójne scrollbary?

0

Witam,
Testując swój CSS layout bezpośrednio "na sucho", wszystko działa jak należy. Przy przeniesieniu tego do Allegrowego #user_field, pojawiają mi się podwójne scrollbary i wszystko nie jest tak estetyczne, jak być powinno..

W #user_field mam:

#user_field {
    font-size: 9px;
    text-align: justify;
    font-family: "verdana";
    color: #5b5b5b;
    background-image: url('http://elvisdesign.nazwa.pl/allegro/gfx/logo.png');
    background-repeat: no-repeat;
    width: 800px;
    height: 800px;
  }

W efekcie oczywiście ograniczyłem wymiary tabeli, jednak jest to jedyna sytuacja, w której cokolwiek mi się wyświetla. Jeśli usunę znaczniki width/height, nie wyświetla mi się nic. Przy ustaleniu ich parametrów na 100%, również nic się nie wyświetla. Jestem już bezsilny, siedzę nad tym od 2 godzin i nie mogę zlokalizować przyczyny problemu...

0

przydaloby sie wiedziec co wsadzasz do srodka. Generalnie nie uzywaj tabel to raz, ustaw overflow na auto to dwa i height na auto to trzy.

0

Z tabel niekorzystam wcale, lay opiera się na div-ach. Ustawienie overflow i w/h na auto nie pomoglo :/..

Całość stylu poniżej:

<style type="text/css">
#user_field {
    font-size: 9px;
    text-align: justify;
    font-family: "verdana";
    color: #5b5b5b;
    background-image: url('http://elvisdesign.nazwa.pl/allegro/gfx/logo.png');
    background-repeat: no-repeat;
width: auto;
height: auto;
overflow: auto;
    }

#user_field .left {
 margin-left: 0px;
 margin-right: auto;
 margin-top: 250px;
 position: absolute;
}

#user_field .center {
 margin-left: auto;
 margin-right: auto;
 margin-top: 250px;
 position: absolute;
}

#user_field .right {
 margin-left: auto;
 margin-right: 0px;
 margin-top: 250px;
}

 
#user_field .main_text {
    font-size: 11px;
    text-align: justify;
 margin-left: 20;
 margin-right: 20;
    font-family: "verdana";
    color: #000000; 

}

#user_field .prodname {
 font-size: 18px;
 text-align: center;
 font-family: "verdana";
 font-weight: bold;
 color: #000000;
}

#user_field .header {
 font-size: 14px;
 padding-left: 15px;
 text-align: left;
 font-family: "verdana";
 font-weight: bold;
 color: #000000;
 border-bottom: 1px dotted;
 margin-left: 10px;
 margin-right: 50px;
 }

#user_field .head_text {
 padding-top: 10px;
    font-size: 16px;
    text-align: justify;
 margin-left: 20;
 margin-right: 20;
    font-family: "arial";
 font-weight: bold;
    color: #ffffff; 
}

#user_field .left_table {
    margin-left: 20px; 
    border: 1px solid;
    padding: 0px;
 color: #9EB963;
 width: 200px;
 margin-bottom: 40px;
    }
 
#user_field .main_table {
 
    border: 1px solid;
    padding: 0px;
 color: #9EB963;
 width: 500px;
 margin-left: 320px;
 margin-bottom: 40px;
    }

#user_field .table_top {
 padding-top: 0px;
 margin-left: -1px;
 margin-top: -17px;
 color: #9EB963;
 background-image: url('http://elvisdesign.nazwa.pl/allegro/gfx/tab1.png');
 background-repeat: no-repeat;
 height: 34;
 width: 100%;
 background-color: #9EB963;
}

#user_field .table_bottom {
 margin-right: -1px;
 right: 0px;
 color: #9EB963;
 background-image: url('http://elvisdesign.nazwa.pl/allegro/gfx/tab2.png');
 background-position: bottom right;
 background-repeat: no-repeat;
 height: 17;
 width: 16;
}

#user_field hr {
    width: 300px;
    
    margin-bottom: 30px;
    margin-top: 30px;
    }
</style>
0

przydaloby sie jeszcze zobaczyc jak ten css ma sie do kodu. Moj blad bo mialem na mysli overflow:visible tak btw. Moze pomoze?

0

overflow:visible również nie pomógł. Poniżej w takim razie zamieszczam kod wykonywany pod tym stylem:

<div>
<div class="center">
 <div class="main_table">
  <div class="table_top">
   <p class="head_text">| opis przedmiotu</p>
  </div>
 <p class="prodname">Product_name</p>
 <p class="header">Opis</p><br>
<p class="main_text">opis_aukcji</p>
<br>
<center><b>Najtaniej w kraju!</b></center></p>
 <br>
 <p class="header">Galeria produktu</p>
<center><a href="http://elvisdesign.nazwa.pl/fotki/1.png" target="blank" border="0"><img src="http://elvisdesign.nazwa.pl/fotki/1.png" width="320" height="320"></a></center>
 </div>
 
 <div class="main_table">
  <div class="table_top">
   <p class="head_text">| zobacz również</p>
  </div>
 <p class="main_text"><a href="shop_url" target="blank">Zapraszamy do naszego sklepu!</a></p>
 </div>
</div>

<div class="left">  
  
 
 <div class="left_table">
  <div class="table_top">
   <p class="head_text">| kontakt</p>
  </div>
  
  <p class="main_text">e-mail: <b>mail</b><br>
        tel. : <b>(058)5614135</b></p>
 </div>
 
  <div class="left_table">
  <div class="table_top">
   <p class="head_text">| wysyłka</p>
  </div>
  
  <p class="main_text">
Przy wpłacie z góry:<br>
Poczta Polska: <b>10 zł</b><br>
        UPS (standard): <b>28 zł</b><br><br>

Za pobraniem:<br>
Poczta Polska: <b>15 zł</b><br>
</p>
  </div>
  
  <div class="left_table">
  <div class="table_top">
   <p class="head_text">| dane płatnościowe</p>
  </div>
  
  <p class="main_text">nr konta:<br> <b>nrkonta</b><br><br>
        bank: <b>bankname</b>
  </div>
</div>
</div>
0

domyślam się że to nie ty jesteś twórcą layoutu skoro jest zrobiony w css na divach i p a wypełniasz go nie dość że
, to jeszcze :o

ściągnij firebuga i zobacz co jest grane, albo wygeneruj stronę w allegro, zapisz tą stronę i podaj tutaj (najpierw zobacz czy błąd dalej występuje) to może ktoś za ciebie zobaczy co jest grane bo tak "na sucho" czytać kod to ciężko (a jak jeszcze się jest dosłownie na sucho to makabra)

0

tam miało być < b > w tym miejscu od którego tekst się pogrubił

0

Twe domysły są błędne ;), autorem całości jestem w 100% ja, rzecz w tym, że jestem dosyć ortodoksyjny, jeśli o html chodzi, nawyki centrowania i innych takich pozostają odruchami ;). Anyway, kodowy bałaganiarz ze mnie, więc może faktycznie po powrocie z pracy zapodam tu ów problem bardziej wizualnie.

0

Mowiac szczerze troche nie chcialo mi sie ale postanowilem posprzatac i troche juz zrobilem, niestety nie mam czasu na wiecej, po prostu idac moim tropem mozesz to zrobic zeby dzialalo.

<html>
<head>
<style type="text/css">
*{
	margin:0px;
	padding:0px;
}
#user_field {
	font-size: 9px;
	text-align: justify;
	font-family: "verdana";
	color: #5b5b5b;
	background-image: url('http://elvisdesign.nazwa.pl/allegro/gfx/logo.png');
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	overflow: visible;
	position: relative;
    }

#user_field .left {
	float: left;
	width:250px;
	margin-top:250px;
	position: relative;
 }

#user_field .center {
	float: left;
	width:500px;
	margin-top:250px;
	position: relative;
 }

#user_field .main_text {
	font-size: 11px;
    text-align: justify;
    font-family: "verdana";
    color: #000000;
	padding: 20px;
	border: 1px solid #9EB963;
	margin-top:0px;
}

#user_field .prodname {
	float: left;
	font-size: 18px;
	text-align: center;
	font-family: "verdana";
	font-weight: bold;
	color: #000000;
}

#user_field .header {
float: left;
 font-size: 14px;
 padding-left: 15px;
 text-align: left;
 font-family: "verdana";
 font-weight: bold;
 color: #000000;
 border-bottom: 1px dotted;
 margin-left: 10px;
 margin-right: 50px;
 }

#user_field .head_text {
    font-size: 16px;
	line-height: 35px;
    font-family: "arial";
	font-weight: bold;
    color: #ffffff;
	margin:0px;
	padding-left:20px;
	background-image: url('http://elvisdesign.nazwa.pl/allegro/gfx/tab1.png');
	background-repeat: no-repeat;
	height: 34px;
	background-color: #9EB963;
}

#user_field .left_table {
	float: left;
    margin-left: 20px;
	color: #9EB963;
	width: 200px;
	margin-bottom: 40px;
}
 
#user_field .main_table {
	float: left;
    padding: 0px;
	color: #9EB963;
	width: 500px;
}
</style>
</head>
<body>
<div id="user_field">

<div class="left"> 
 <div class="left_table">
   <p class="head_text">| kontakt</p>
   <p class="main_text">e-mail: <b>mail</b><br>tel. : <b>(058)5614135</b></p>
 </div>
 
  <div class="left_table">
   <p class="head_text">| wysyłka</p>
  	<p class="main_text">Przy wpłacie z góry:<br>Poczta Polska: <b>10 zł</b><br>
        UPS (standard): <b>28 zł</b><br><br>Za pobraniem:<br>Poczta Polska: <b>15 zł</b><br>
  </p>
  </div>
 
  <div class="left_table">
   <p class="head_text">| dane płatnociowe</p>
   <p class="main_text">nr konta:<br> <b>nrkonta</b><br><br>
        bank: <b>bankname</b>
  </div>
</div>

<div class="center">
 <div class="main_table">
  	<p class="head_text">| opis przedmiotu</p>
	<p class="prodname">Product_name</p>
	<p class="header">Opis</p><br>
	<p class="main_text">opis_aukcji</p>
	<br>
	<center><b>Najtaniej w kraju!</b></center></p>
	<br>
	<p class="header">Galeria produktu</p>
	<center><a href="http://elvisdesign.nazwa.pl/fotki/1.png" target="blank" border="0"><img src="http://elvisdesign.nazwa.pl/fotki/1.png" width="320" height="320"></a></center>
 </div>
 
 <div class="main_table">
  	<p class="head_text">| zobacz również</p>
	<p class="main_text"><a href="shop_url" target="blank">Zapraszamy do naszego sklepu!</a></p>
 </div>
 
</div></div>
</body>
</html>
0

Dzięki Ci wielkie za pomoc, sporo mi to pomogło, po kilku dodatkowych korektach wszystko działa jak należy.

1 użytkowników online, w tym zalogowanych: 0, gości: 1