Re: browser incompabilities


"Els" <els.aNOSPAM@xxxxxxxxxx> wrote in message
news:9pqogjruoo3x$.1xkpzt3tl7ap3.dlg@xxxxxxxxxxxxx
> Corona wrote:
>
>> "Els" <els.aNOSPAM@xxxxxxxxxx> wrote in message
>> news:19cda4g65i7xh$.rnoppr746nk1.dlg@xxxxxxxxxxxxx
>>> Corona wrote:
>>
>> <snip>
>>
>>>> This technique works beautifully in FireFox. However, in IE6 it leaves
>>>> a
>>>> gap
>>>> between the left image and the H1 element. If I change the left margin
>>>> for
>>>> H1 to 0 it works in IE but covers the left image in FireFox. Anybody
>>>> have a
>>>> suggestion how I might be able to fix this problem?
>>>
>>> How about you providing an online example?
>>> You don't really expect anyone to copy and paste your code into an
>>> html page, imagine which doctype you use and guess the size of the
>>> images and then make images in the right sizes and upload the lot to a
>>> webserver and /then/ check what the problem is?
>>
>> Good point - thanks for the suggestion...
>>
>> You can find a sample of the problem at:
>> http://starship.atspace.com/bug.htm
>
> As Alexander already said, it's invalid code.
> And also the <li> without a <ul> isn't exactly what I call valid.
> Try it with <h1><span>Design Elements Tutorial</span><h1> instead.
>
> There's also an error in your CSS:
> Change font: into font-family: in the styles for the body element.
>
> After you've made those changes, (and adapted the CSS to combine with
> the new order of html elements) see if it still goes wrong?

The missing <ul> was an oversite and probably the main cause of the problem.

As to the font property, I'm under the impression that it's a superclass of
all the other font* properties. As such it's my understanding that all of
the other property values are valid. Is that wrong?

I wrapped the <li>'s in a <ul> and replaced the spans with a div. Problem
fixed. Thanks for the help.


.

Relevant Pages

  • Re: why a different tag for SVG images?
    ... |>|>Why does SVG need a different tag than other images? ... that any flaw it might have requires a whole new tag to solve it. ... |>| native SVG support do not currently support SVG to be specified in CSS. ... | Perhaps you are one of many who is used to abusing background images to ...
    (comp.infosystems.www.authoring.html)
  • Re: Making a

    ... About what any other markup language accomplishes. ... > Your CSS is far from exemplary. ... suggestions for how to make CSS work right to display images ... > Then the design is all wrong. ...
    (alt.html)
  • Re: why a different tag for SVG images?
    ... |>|>So we have 2 tags and one allows alt content. ... |>changed by tags being present or absent. ... things like images should not be done in HTML tags at all. ... | decorative, they should be inserted as generated content by CSS, then ...
    (comp.infosystems.www.authoring.html)
  • Re: A div in text flow
    ... If you like such an approach, you should at least change the first CSS rule to ... combine the images into one, and why do you use inline images in the first ... other inline elements. ... I haven't checked the standard thoroughly yet. ...
    (comp.infosystems.www.authoring.html)
  • Re: Center-Aligning elements
    ... the images and their text will run as a "line" with images as "large letters". ... Using instead of makes a difference but then the rendering is poor in a different way. ... Why would we let browsers render our documents very poorly (when CSS is "off") just for the sake of out being puristic, refraining from the use of simple markup? ... This might mean that things are easier to the author, though there can be a potential cost that visitors pay (if lack of centering is a problem, and we need to assume it is _some_ kind of a problem, otherwise we wouldn't be doing centering). ...
    (comp.infosystems.www.authoring.html)
Loading