Rozjechane pole profilu w temacie

[szybciutki]

Siemka, potrzebuję pomocy bo już nie mam pomysłów na to jak sobie z tym błędem poradzić..

Coś poknociłem i nie mogę do tego dojść ech...

 

Podgląd:

 

 

całe te - się rozjechały... Jak zrobić aby miały one stały rozmiar i by przy mniejszej rozdzielczości ekranu były dalej tak jak być powinny?

 

 

Kod css:

/* AWATAR */
 
.author_info {
width: 225px;
float: left;
font-size: 12px;
text-align: center;
padding: 10px 0px 0px 0px;
line-height: 150%;
}
 
.author_info .group_title {
font-weight: bold;
color: #dddddd;
margin-top: 5px;
}
 
.author_info .member_title { margin-bottom: 5px; }
.author_info .group_icon { margin-bottom: 3px; }
 
.author_info li.avatar, .author_info li.group_icon, .author_info li.title {
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
}
 
.author_info ul.user_fields li {
clear: both;
font-size: 0.9em;
padding-bottom: 2px;
overflow: hidden;
border-bottom: 1px solid #E3E3E3;
}
 
.author_info ul.user_fields {
border-top: 1px solid #E3E3E3;
clear: both;
}
 
.author_info ul.user_fields li span.ft,
.author_info ul.user_fields li span.fc {
color: #777777;
display: block;
float: left;
text-align: left;
}
 
.author_info ul.user_fields li span.ft {
width: 38%;
text-align: right;
font-weight: bold;
padding: 0 0 0 4px;
}
 
.author_info ul.user_fields li span.fc {
padding: 0 8px 0 4px;
max-width: 50%; 
word-wrap: break-word;
}
 
 
/* KONIEC AWATARA */

Plik userInfoPane:

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">{$author['members_display_name']}</span>
<ul class='basic_info'>
<if test="avatar:|:$author['member_id']">
<li class='avatar'>
<if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
<a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
</if>
<if test="hasVariable:|:$this->settings['member_topic_avatar_max']"> 
<img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
<else />
<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
</if>
<if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
</a>
</if>
</li>
<else />
<li class='avatar'>
<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
</if>
<if test="rankimage:|:$author['member_rank_img']">
<li class='group_icon'>
<if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
<img src='{$author['member_rank_img']}' alt='' />
<else />
{$author['member_rank_img']}
</if>
</li>
</if> 
 
<if test="authorcfields:|:$author['custom_fields'] != """>
                    <ul class='user_fields'>
                    <li>
                    <span class="ft"><b>Tytuł</b>:</span> 
                    <span class="fc">{$author['member_title']}</span>
                    </li>
                    <li>
                    <span class="ft"><b>Grupa</b>:</span>  
                    <span class="fc">{$author['_group_formatted']}</span>
                    </li>
                    <li>
                     <span class="ft"><b>Postów</b>:</span>  
                     <span class="fc">{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</span>
                    </li>
                    <li>
                     <span class="ft"><b>Lajków</b>:</span>
                     <span class="fc">{$author['pp_reputation_points']}</span>
                    </li>
                     <li>
                     <span class='ft'><b>Dołączył</b>:</span>
                     <span class='fc'>{parse expression="date( 'd-m-Y', $author['joined'] )"}</span>
                    </li>
                     <li>
                     <span class="ft"><b>Czas Online</b>:</span>
                     <span class="fc">{$this->lang->words['m_member_since']}Chwilowy Error</span>
                    </li>
                    <li>
                     <span class="ft"><b>Nick Steam</b>:</span>
                     <span class="fc"><img src='{$this->settings['img_url']}/profile_steam.png'></span>
                    </li>
                    <li>
                     <span class="ft"><b>Steam ID</b>:</span>
                     <span class="fc"><img src='{$this->settings['img_url']}/profile_steam.png'> http://banid.pl/kto?to=</span>
                    </li>
 
 
<if test="authorwarn:|:$author['show_warn']">
<li>
<if test="hasWarningId:|:$options['wl_id']">
<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
</if>
<a class='desc lighter blend_links' href='{parse url="app=members&module=profile&section=warnings&member={$author['member_id']}&from_app={$this->request['app']}&from_id1={$contentid}&from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>
</li>
</if>
</ul>
 
<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
 
<if test="$field != ''">
<li>
{$field}
</li>
</if>
</foreach>
</foreach>
</ul>
</if>
 
</div>

Co o tym myślicie?

Edytowane 26 Kwietnia 2013 przez szybciutki

[Jakub]

Znaczy, że zdjęcie za duże czy co?

[szybciutki]

Zdjęcie rozjechało się na prawo (przesunęło), a nie powinoo, bo ta kreska powinna zdjęcie (avatara) blokować, do tego w Tytule, Grupa, itp te ------- (podkreślenia) wyjeżdzają do postu Przechodzą na temat

 

Wiesz o co może chodzić i dlaczego tak się dzieje?

Edytowane 26 Kwietnia 2013 przez szybciutki

[reDz]

Jakubie! te kreski wychodzą poza ramkę z profilem, avatar też i napisy również, jak są jakieś dłuższe.

[Jakub]

Podaj adres forum, to będzie można popatrzyć Firebugiem.

[reDz]

http://www.skilluj.com  trzeba sobie zmienić styl, bo nie jest jeszcze domyślny ( właśnie między innymi przez te bugi ).

[szybciutki]

Odświeżam, i proszę o pomoc

[Amfidiusz]

.post_body {
margin-left: 225px !important;
}

i

.author_info {
width: 225px;
float: left;
font-size: 12px;
text-align: center;
padding: 0px 0px 0px 0px;
line-height: 150%;

są ze sobą ściśle powiązane. Zmień wartość width na jednakową w obu klasach.

[szybciutki]

Amfidiusz pomogłeś wielkie dzięki!

 

Wystarczyło zmienić:

 

.author_info {
width: 225px;

 

Na mniejszą wartość i wszystko się unormowało

 

Temat do zamknięcia.