Click to See Complete Forum and Search --> : Advanced-styling of the pre tag indents


calliepeck
02-15-2006, 10:51 PM
Is there any way to x-browser standardize the size of the indent that <pre> interprets from tabs? My <pre> paragraphs from php look great in mozilla and netscape, but are waaaay too wide in IE (naturally). Using the text-indent property works fine for the first line, but it clearly won't affect other tabs in my text.

Kravvitz
02-15-2006, 10:59 PM
Have you tried changing the left padding on it?

calliepeck
02-16-2006, 11:03 AM
Left padding just moves the whole block. I just need those tabs to not be ginormous.

Neczy
02-16-2006, 03:51 PM
If your text-indents look alright in Firefox/Mozilla, but do not look alright in Internet Explorer, then a way to change that is using the * html hack in order to get IE to display a smaller size (or use conditional IE statements). Is that what you want to do?

calliepeck
02-16-2006, 06:14 PM
I suppose, but I'm unfamiliar with the hack. Any good resource on where to read up?

Kravvitz
02-16-2006, 07:13 PM
http://www.dithered.com/css_filters/css_only/escaped_comment_end.html
http://www.dithered.com/css_filters/css_only/star_html.html

CSS hacks in general:
http://css-discuss.incutio.com/?page=CssHack
http://centricle.com/ref/css/filters/
http://www.dithered.com/css_filters/css_only/

Conditional comments:
About Conditional Comments (http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp)
Some more information on conditional comments can be found on this page. (http://www.positioniseverything.net/articles/multiIE.html)
QuirksMode.org : Conditional comments (http://www.quirksmode.org/css/condcom.html)
http://www.google.com/search?q=IE+conditional+comment

NogDog
02-16-2006, 07:33 PM
Is any server-side scripting an option? If so, you could replace the tabs with a fixed number of spaces.