New Pornstar Interviews - [more]
Audrey Madison Interview

"I really want even more DPs and double anal. And more gangbang stuff."
All Forums > Tech Talk > Tech Talk Forum Page 42 > Floating Images / Fonts - CSS
AuthorPost
Michael Saint
Photographer


Alexis Texas is always lovely
1062 Posts
2/01
Posted - May 29 2006 : 11:41AM
Starting trying to use the "float" command on my interview pages in relation to the images and then all the text. When testing the pages I noticed that different browsers line up the same text differently so even if I use the "clear" command on a given line depending on the browser that may not be the right line.

Is there a specific font property I need to set in order to make the text line up the same in all browsers or is it just a crap shoot on how they get displayed?

K
Smitten Kitten

Cloud 9
530 Posts
2/06
Posted - May 29 2006 : 12:37PM
Got link?
Michael Saint
Photographer

Alexis Texas is always lovely
1062 Posts
2/01
Posted - May 29 2006 : 4:22PM
Uploaded one to the test folder.

My "title.ssi" doesn't seem to be there any more but that is not an issue at the moment.

Ann Marie Interview

In Firefox this one doesn't look to bad but in a few others the lines are a little off.

My CSS sheet only specifies these "font" attributes:

font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;

I was wondering if I needed to specify style, varient and weight in order to make the lines of text uniform across browers.


Edited by - lee_carver on 5/29/2006 4:25:36 PM

Jeff @ IAFD All-Star Supporter
Webmaster IAFD.COM

931 Posts
6/00
Posted - May 30 2006 : 10:41AM
I would recommend against specifying things in points if possible. Different platforms/different browsers interpret points differently.

Also, points don't scale in IE.

Most of the standard guys I read prefer to use EMs as the unit -- with 1 EM being the browsers "default" size, and then fractions thereof... I tend to do my pages at .8em which defaults to a nice size across platforms.

Style Sheets are a blessing and a curse.

I love their potential, but their implementation in IE just SUCKS which creates problems since 90% of folk use IE and the others use CSS compliant browsers... so you find yourself learning about "box model hacks" and other things.

I tend to not use them for placement since there is so much broken, but I use them for styling (font, color, basic layout) all the time.

K
Smitten Kitten

Cloud 9
530 Posts
2/06
Posted - May 30 2006 : 11:57AM
+1 what Jeff said.
(Except that I do use CSS for placement, knowing full well that it won't work at all in IE. Muahahaha *cough*cough*)

Seriously though. IMHO, your page looks OK in the three browsers I've got handy. I'm not too keen on the small font in the nav-panel in Opera, but otherwise it's fine.
Screenshots: Konqueror, Firefox and Opera.

You're not likely to get anything that'll look much more uniform across browsers, but using px (13px or thereabouts) instead of pt, may make it a little more so, even though em is usually nicer for your users.

More info at css-discuss

 
Michael Saint
Photographer

Alexis Texas is always lovely
1062 Posts
2/01
Posted - Jun 6 2006 : 12:51AM
Sorry it took me so long to get back to this.

Thank you for the information.

Ever since I started working on these style sheets I have been trying to figure out exactly what the difference is between a pt, em and px. The Pixel I can get obviously but in the book I am using it seems that the author avoids pixels and uses 'em' specifically for space and 'pt' for fonts which I thought was standard but apparently that is not the case.

Working on shifting them to em as we speak.

All Forums > Tech Talk > Tech Talk Forum Page 42Floating Images / Fonts - CSS

Previous topic: a technical question
Next topic: Cleaning screens or monitors



Jump To: