7 replies to this topic

[organizedchaos]

Hi! Our website have problems with minwidth (it just keeps on shrinking) so I placed css hacks. While it (css file & html template) is on the staging server, it seems to work --- I tried PC, MAC and mobile (safari). But when the css file & html template was placed on the domain server, it still works when you try it on PC & MAC but not on the mobile.

I don't know what's wrong! :confused: Please help!

[WingedPanther]

Without seeing sample code, it's hard to offer advice.

[organizedchaos]

I'm sorry, I forgot. Anyway here's my code, please note that I'm having problems with the sidebar:

body {

	margin: 0;

	padding: 0;

	background-color: #FFCC00;

	color: #993399;

	font-family: Verdana,Arial,Helvetica,sans-serif;

	position: relative;

	min-width:700px;  

	width:100%;

}


#sidebar {

	font-size: .8em;

	color: #FFCC00;

	position: absolute;

	top:225px; 

	left: 0;

	width: 15%;

	max-width: 150px;

	min-width: 120px; 

	margin: 1% 1% 0 0;

	

}

/*	The ff is for IE6, I used it like this:

	<div class="minwidth"> 

		<div class="layout">

			<div class="holder">


*/


* html .minwidth {

	padding-left:120px;

}


* html .holder {

	margin-left:-120px;

	position:relative;

	text-align:center;

}


/*\*/

* html .minwidth, * html .holder, * html .layout {

	height: 1px;

}

/**/


/* This part is supposed to be for Safari,

	I'm not sure if I did it right */


html[xmlns*=""] body:last-child #sidebar { 

	max-width: 150px;

	min-width: 120px; 

}

Thanks!

[WingedPanther]

We still need to see the type of HTML this is meant to interact with.

[organizedchaos]

Here:

<div id="sidebar" style="float: right;">

<div class="minwidth"> 
<div class="layout">
<div class="holder">


{foreach from=$rightSidebarTemplates key=name item=template}
	{if $layoutManagerPluginEdit}
		<div class="blockname">{$name}</div>
	{/if}
	{include file=$template}
{/foreach}


</div><!--holder-->
</div><!--layout-->
</div><!--minwidth-->

</div>

That's all there is.

[organizedchaos]

This is the source code when the template is ran:

{deleted at user's request}

The top part which is the RSS feed is the one that's not working properly. :(

Edited by WingedPanther, 16 June 2009 - 09:59 AM.
as per request

[WingedPanther]

That's not valid HTML. You don't have HTML, HEAD, or BODY tags.

[organizedchaos]

^yeah I just deleted those parts when I posted it here because it will just make the code too long. :)

Oh and I described my problem wrong in my first post. My real problem is when I use safari on PC/MAC, the css hack works but when I view it on iphone which uses safari as well, the css hack no longer works. :(

Edited by organizedchaos, 12 June 2009 - 11:44 AM.
Added something