Site Ratings & Reviews - Styling problem

Author

Styling problem

stonead3@msu.edu

2005-04-20, 7:54 pm

I was hoping you guys wouldn't mind helping me with a CSS problem. The
website is:

http://rehatch.net

The stylesheet is at:

http://rehatch.net/style.css

If you highlight the text in the yellow column, you'll notice that
there's an increased indent where the left column's text ends. ("Masha
Lipman", and all the lines below it, are indented an extra space).

The layout consists of three content divs (sidebar, main, and rightbar)
inside one layout div (wrapper). I've toyed around with the padding and
margins of all three content divs, but I can't kick that damn extra
space.

Thanks in advance for any help. Feel free to make other suggestions if
you feel like it :)

stonead3@msu.edu

2005-04-20, 7:54 pm

To make things easier, here are the relevant portions of my stylesheet:

#main {margin: 0 160px 0 160px; padding: 2px 10px 2px 10px;
background-color: #FFFFCC; border-left: 1px solid #CC0000;
border-right: 1px solid #CC0000;}

#sidebar {float: left; padding: 10px; width: 140px; background-color:
#FAEBD7; font-size: .7em;}

#rightbar {float: right; padding: 10px; width: 140px; background-color:
#FAEBD7; font-size: .7em;}

Terry

2005-04-20, 7:54 pm

stonead3@msu.edu wrote:
> I was hoping you guys wouldn't mind helping me with a CSS problem. The
> website is:
>
> http://rehatch.net
>
> The stylesheet is at:
>
> http://rehatch.net/style.css
>
> If you highlight the text in the yellow column, you'll notice that
> there's an increased indent where the left column's text ends. ("Masha
> Lipman", and all the lines below it, are indented an extra space).
>
> The layout consists of three content divs (sidebar, main, and rightbar)
> inside one layout div (wrapper). I've toyed around with the padding and
> margins of all three content divs, but I can't kick that damn extra
> space.
>
> Thanks in advance for any help. Feel free to make other suggestions if
> you feel like it :)
>
The problem only shows in IE for me, and goes away at text size>
largest. For font sizes you can eliminate quite a few IE kinks by using
percentages - nothing less than 100% except legalese and copyright. Ems
work fine for div sizes.
HTH
TK
http://wejuggle2.com
Still Having a Ball

----== Posted via codecomments.com - Unlimited-Uncensored-Secure Usenet News==----
http://www.codecomments.com The #1 Newsgroup Service in the World! 120,000+ Newsgroups
----= East and West-Coast Server Farms - Total Privacy via Encryption =----

Terry

2005-04-20, 7:55 pm