Thanks Gunlaug, good comment about the ids. I'll be going over all the elements and checking them. The text sizes is a difficult one as the designers of the site have specified the pixel sizes. It's a long story.
The infoNav fix worked but the number of links in the element is variable. Is there a simple way to get the element to hug the baseline of the image? Regards, Keith. On 6/23/05, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Keith Bloom wrote: > > I'm developing a site and I've decided to go for broke and attempt to > > make everything css and well formed. > > > > The link: > > http://195.184.252.10/reddot_static_demo/Locations_UKbrighton_css.html > > > > > CSS and well formed... > > - Change most of those IDs to classes, as IDs should only be used to > address one, single, element in a page, while classes can be reused as > often as you like. > > - Try to avoid font-sizes/line-heights in pixels. Use relative units - > percentages, ems - and test across browser-land. > Pixel-defined font-sizes/line-heights usually breaks badly when > overridden i IE/win - and so does your page. > > > There are two problems at the moment and they both relate to floats. > > Next to the image of deck chairs there is a series of links. In the > > CSS this is in a separate div and floated right. I view the page in > > Firefox and the element is there, I view it in IE 6 and it isn't. I > > gave the holly hack a go but this didn't seem to do anything. If I > > tweak the size of the infoNav element it will display but then the > > sizes are wrong. > > Quick and dirty: > #infoNav {_position: relative; _margin-top: -65px;} > > > The second problem is very similar. The image in the content element > > (e.g. "The Centre") is a separate div floated to the right. In IE > > it displays above the content but is fine in Firefox. Again I can > > tweak the sizes and it displays OK. > > 2: Fix IE/win by using a negative back-side margin on the image-floats: > #liimage {margin-left: -3px; /* or larger negative value */} > ...which should really be written as class: > .liimage {margin-left: -3px; /* or larger negative value */} > > regards > Georg > -- > http://www.gunlaug.no > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
