Sent by Ken Meyers on 5 April 2005 00:12
Thank you Georg! Everything worked, except I am struggling with not
making my left column menus change the size when my a:hover declaration
goes into effect. Could someone please enlighten me on how that works.
It's been a recurring problem for me. Trying to keep everything
standards-riffic has been quite challenging, but fun all the same. The
page once again is http://www.realestatejourney.com/index2.shtml. Also,
any commentary for how my CSS is laid out. I know a lot of it is
personal preference. Sorry for being so newbie.
Thanks,
Ken
>
Gunlaug Sørtun wrote:
> Ken Meyers wrote:
>
>> http://www.realestatejourney.com/index2.shtml
>>
>> Anyway the issues has to do with the size of the browser. If you look
>> at the border dividing the content and the logo/menu/imagery you
>> will see that it does not handle the right side of the web page well.
>> Sometimes it involves side-scrolling and sometimes it just cuts it
>> off (the border) completely before it reaches the browsers right
>> side. I am quite perplexed. Forgive me if this has been covered before.
>
>
> Not just IE/win that are acting a bit strange on that page...
>
> Didn't look too deep into it, but this is a way to make things act nice
> across browser-land:
>
> #featured-product {width: auto; margin-right: 10%; margin-left: 7%;}
> #descriptions {width: auto; margin-right: 10%; margin-left: 7%;}
>
> - Yes, they are identically styled, but you may want to play around with
> those margins a bit different on those two elements.
>
> - Width: auto; will let the browsers adjust things so it'll always fit
> in the window. That's what you want, isn't it?
> Margins in percentages will adjust better to both large and narrow
> screens, without giving too wide or too narrow text-lines.
>
> - Add: body {padding: 0;} for Opera, and the layout will look identical
> in Opera, IE6, Firefox and Safari. IE5.2/Mac isn't too far off either.
> Tested on 600 to 1600 wide screens (and beyond).
>
> - The borders on those left-side links are adding dimensions upon hover,
> and cause jumping.
> If you add margins or paddings for a:link and a:visited, and remove
> those upon a:hover, then that jumping will disappear too.
>
> Think that should be all.
> Nice page by the way. :-)
>
> regards
> Georg
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/