MyBB Community Forums

MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Profiles going whack when viewed on smaller screens
Full Version: Profiles going whack when viewed on smaller screens
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2

Geekii

2013-09-29, 07:09 PM
Alright, so I am having an issue with profiles being displayed oddly when looking at them on smaller screens, or using the dual screen feature on windows 7.

Here is the profile when viewed normally: http://i973.photobucket.com/albums/ae215...24af9f.png

And here is the profile when viewed using the dual screen feature: http://i973.photobucket.com/albums/ae215...4a967a.png

If it's of any importance to the issue, I use the xthreads plugin, and the xthreads "additional features" plugin.

Is there any way to fix this issue?

Alex Smith

2013-09-29, 09:24 PM
If you did the styling for the custom profiles it shouldn't be to hard to edit the css to align better on smaller screens.

I would suggest looking into Media Queries or making the the theme fluid if it isn't already.

Matt

2013-09-29, 09:32 PM
Did you do the markup for the profile page yourself? They floats haven't been done the best way, if they were done differently it'd work better. Can you paste the member_profile template here?

Geekii

2013-09-29, 11:16 PM
(2013-09-29, 09:32 PM)Matt. Wrote: [ -> ]Did you do the markup for the profile page yourself? They floats haven't been done the best way, if they were done differently it'd work better. Can you paste the member_profile template here?

Yes, I coded the entire profiles myself. Here is the whole template.

<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
</head>
<body>
{$header}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="trow1">
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td class="trow1" width="75%">
<span class="largetext"><strong>{$formattedname}</strong></span><br />
<span class="smalltext">

<br />
<strong>Ooc Name:</strong> {$xtpf['fid21']}<br />
<strong>{$lang->registration_date}</strong> {$memregdate}<br />
<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
<strong>{$lang->local_time}</strong> {$localtime}<br />
<strong>{$lang->postbit_status}</strong> {$online_status}<br>
<strong>{$lang->total_posts}</strong>
<strong>{$memprofile['postnum']} ({$lang->ppd_percent_total})</strong><br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">{$lang->find_threads}</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">{$lang->find_posts}</a>)</span><br>
<strong>{$lang->pm}</strong> <a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a><br>
<strong>{$lang->aim_screenname}</strong> {$memprofile['aim']}<br>
</span>
</td></tr></table>
</td>
</tr>
</table>

<br>

<div style="float: left;"><table cellspacing="0" cellpadding="5">
<tr><td class="trow2">
{$avatar}
</td>
<td class="trow2">
<div style="float: right; width: 240px; font-size:9px;">

<form>
<b>Name:</b> {$xtpf['fid14']}
</form>
<br>
<form>
<b>Species:</b> {$xtpf['fid10']}
</form>
<br>
<form>
<b>Age:</b> {$xtpf['fid11']}
</form>
<br>
<form>
<b>Gender:</b> {$xtpf['fid3']}
</form>
<br>
<form>
<b>Size:</b> {$xtpf['fid9']}
</form>
<br>
<form>
<b>Eye Color:</b> {$xtpf['fid8']}
</form>
<br>
<form>
<b>First Coat Color:</b> {$xtpf['fid4']}
</form>
<br>
<form>
<b>Second Coat Color:</b> {$xtpf['fid5']}
</form>
<br>
<form>
<b>Third Coat Color:</b> {$xtpf['fid6']}
</form>
<br>
<form>
<b>Fourth Coat Color:</b> {$xtpf['fid7']}
</form>
<br>
<form>
<b>Log:</b> {$xtpf['fid15']}
</form>
</div></td>
<td class="trow2"><div style="float: right; width: 90px; font-size:9px;"><b>Health:</b> {$xtpf['fid20']}
<p>
<b>Experience:</b> {$xtpf['fid22']}</div>

</td></tr>
</table></div>



<div style="float: right;">
<table cellspacing="0" cellpadding="5">
<tr><td class="thead"><b>Character Attributes</b></td></tr>

<tr><td class="trow2">
<div style="float: none; width: 550px;">
{$xtpf['fid12']}
</div></td></tr>
</table></div>

<br><br><br><br><br><br><br><br><br><br>

<div style="float: right;">
<table cellspacing="0" cellpadding="5">
<tr><td class="thead"><b>Character Skills</b></td></tr>

<tr><td class="trow2">
<div style="float: none; width: 550px;">
{$xtpf['fid19']}
</div></td></tr>
</table></div>



<br><br><br><br><br><br><br><br><br><br>

<div style="float: left;">
<table cellspacing="0" cellpadding="5">
<tr><td class="thead"><b>Appearance</b></td></tr>

<tr><td class="trow2">
<div style="float: none; height: 150px; width: 550px; font-size:9px; padding-right:5px; overflow:auto;">
{$xtpf['fid16']}
</div></td></tr>
</table></div>

<div style="float: right;">
<table cellspacing="0" cellpadding="5">
<tr><td class="thead"><b>Personality</b></td></tr>

<tr><td class="trow2">
<div style="float: none; height: 150px; width: 550px; font-size:9px; padding-right:5px; overflow:auto;">
{$xtpf['fid17']}
</div></td></tr>
</table></div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br>


<div style="float: left;">
<table cellspacing="0" cellpadding="5">
<tr><td class="thead"><b>History</b></td></tr>

<tr><td class="trow2">
<div style="float: none; height: 150px; width: 550px; font-size:9px; padding-right:5px; overflow:auto;">
{$xtpf['fid18']}
</div></td></tr>
</table></div>



<div style="float: right;">
<table cellspacing="0" cellpadding="5">
<tr><td class="thead"><b>{$formattedname}'s Health/Attribute and Experience/Skill Log</b></td></tr>

<tr><td class="trow2">
<div style="float: none; height: 74px; width: 550px; font-size:9px; padding-right:5px; overflow:auto;">
{$xtpf['fid24']}
</td></tr>
<tr><td class="trow2">
<div style="float: none; height: 2px; width: 550px; font-size:9px;">
<hr>
</td></tr>
<tr><td class="trow2">
<div style="float: none; height: 74px; width: 550px; font-size:9px; padding-right:5px; overflow:auto;">
{$xtpf['fid23']}
</td></tr>
</div></td></tr>
</table></div>



<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

{$modoptions}
{$adminoptions} 

<br><br><br>

{$footer}

</body>
</html>
(2013-09-29, 09:24 PM)Alex Smith Wrote: [ -> ]If you did the styling for the custom profiles it shouldn't be to hard to edit the css to align better on smaller screens.

I would suggest looking into Media Queries or making the the theme fluid if it isn't already.

I didn't edit any themes, just the member_profile template Smile

Geekii

2013-10-05, 03:14 AM
This is still a major issue. Any help, please?

Geekii

2013-11-08, 09:22 PM
I still need help with this!

Geekii

2013-11-11, 06:59 PM
Great support. Not. I've never gotten any help on any of my support threads. This is still a major issue.

Geekii

2013-11-14, 04:23 AM
Bump.

Dennis Tsang

2013-11-14, 05:26 AM
You may want to consider using percentages in the widths of your blocks, instead of pixels. The reason your blocks are being shown in 1 column is because the width of both blocks together exceeds the width of your screen.

Geekii

2013-11-14, 08:03 PM
(2013-11-14, 05:26 AM)Dennis Tsang Wrote: [ -> ]You may want to consider using percentages in the widths of your blocks, instead of pixels. The reason your blocks are being shown in 1 column is because the width of both blocks together exceeds the width of your screen.

I don't really understand how the percentages work, which is why I use pixels. But even if I do change it, the profiles will still go wonky whenever someone does a split-screen window, so I don't see how that would make any difference?

Also, thank you so much for replying. I was going nuts trying to get help.
Pages: 1 2
MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Profiles going whack when viewed on smaller screens