CSS - Pre Formatted Text Resizing On Iphone

Hello everybody, I present myself, I'm Alessandro a new member from Italy.
I found this forum very useful.
Hope to find good answers following topics and hope to help someone when I'm able to.
Ciaooooo

I have this issue for the moment:

I have a homepage layout with 3 columns with an images and captions inside everyone.
I have a subtitle also, and I want the subtitle extends orizzontally over the div without resizing it and without rollbars.

see a screenshot he http://www.alessandroboselli.it/foto/screenshot.jpg

and here is the involved CSS code:

Code:

/* Homepage layout --- start */
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 980px;
}

#side-left {
	float: left;
	width: 300px;
}

#center { 
	float: left;
	width: 300px;
}

#side-right {
	float: right;
	width: 380px;
}
/* Homepage layout --- end */


/* Homepage images --- start */
.homepageimage {
	position:relative;
	float:left; /* optional */	
	top:40px;
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5f5f5f')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5f5f5f');
}
.homepageimage a {
	text-decoration: none;
	float: left;
}
.homepageimage a .homepageimagetitle {
	display: block;
	font-family: 'Molengo', Arial, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	letter-spacing: 0.050em;
	word-spacing: 0em;
	line-height: 1.2;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px;
	margin: 0;
	width: 190px;
	/*position: absolute;
	right: 20px;
	bottom: 20px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}

.homepageimage a .homepageimagesub {
  	display: block;
 	font-family: 'Buda', serif;
 	font-size: 22px;
 	font-style: normal;
 	font-weight: 400;
 	text-shadow: none;
 	text-decoration: underline;
 	text-transform: none;
 	letter-spacing: 0.007em;
 	word-spacing: 0em;
 	line-height: 1.15;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	color: #fff;
	position: absolute;
	top: 215px;
	left: 0px;
	padding: 5px;
	margin: 0;
}

I would like to do automatic resizing textfield depending of resize browser. I know one solution with css style code.
for example :<input type="text" style="position:absolute;width:50%">, but it don't accommodate me. Please, exist other solution for this problem?

I'm assuming this is going to be a CSS issue. I have a table cell which contains text, and for the sake of accessibility, I'm allowing text resizing and would like to prevent the table cell from changing in height when the font size is increased. Basically, as the font size increases, the width of the cell is the only thing that will change, not the height. First, is this possible? Second, if so how can this be achieved?

I'm pretty sure that I've seen other sites do this, just can't remember where.

Thanks in advance!

I am quite new (please forgive). I work at a university and one of the departments wants to post headlines on our homepage. The problem: I have been unable to format this content with CSS, even though I was told I could.

My id definition in the Head:

#x { font-size: .7em; }


Code in the body:

<div id="x">

<src="http://news.humboldt.edu/modules/xRss/index2.php/modules.php?op=modload&name=xRss&file=index&url=http%3A%2F%2Fnews.humboldt.edu%2Fbackend.php%3Ftopic%3D9%26stories%3D10&showtitle=0&showimg=0&showinput=0&maxitems=0&showdescs=0&titletrim=0&titlemax=0&desctrim=0&descmax=0&tabwidth=300px&linktarget=_top&bordercol=%23FFFFFF&headbgcol=%23FFFFFF&headtxtcol=Blue&titlebgcol=%23FFFFFF&titletxtcol=Blue&itembgcol=%23FFFFFF&itemtxtcol=Blue&mode=javascript&ctl=0">

</div>

The headlines show up, but are huge. Any ideas?

Hi, I'm a CSS newbie trying to convert my previous table-based website layout into something less kludgy but I'm encountering problems. Specifically, there's a section of the site in which addresses were shown. Currently, I have this formatted with a table using code similar to the following: Code:

<table>
	<tr>
		<td>Name:</td><td>Test Entry</td>
	</tr><tr>
		<td>Address:</td><td>123 Roadstreet Drive</td>
	</tr><tr>
		<td>&nbsp;</td><td>Unit 42</td>
	</tr><tr>
		<td>&nbsp;</td><td>Toronto, Ontario</td>
	</tr><tr>
		<td>Phone #:</td><td>416-555-1138</td>
	</tr><tr>
		<td>E-Mail Address:</td><td><a href="mailto:someuser@domain.com">someuser@domain.com</a></td>
	</tr><tr>
		<td>Website URL:</td><td><a href="<address goes here>"><address goes here></a></td>
	</tr>
</table>

Unfortunately I can't directly show the screenshot of what this looks like due to the newness of my account here but if you go to the address s5.photobucket.com/albums/y200/DIguana/?action=view&current=cssproblem.png you should be able to see it.

My problem when I try to convert this to CSS is that many of the address lines don't have identifiers on the left but still need to be lined up with the rest. Everything I've tried causes the second and third lines of the to be shifted to the left compared to the rest of the address. Does anyone have any ideas as to the best way to format this section?