CSS Formatting issue

[Peter Diedrich]

My apologies, Spartanicus, but your layout does not work out at all.

Any other suggestions how I can achieve this layout?

<div>
xxxxxxxxxx
x x
x IMG x
x x
x x
x x <h2>Headline</h2>
xxxxxxxxxx <h3>Subheadline </h3
<p>blablablabla blabla</p>
</div>

Peter

[Gus Richter]

Re: CSS Formatting issue

Peter Diedrich wrote:[color=blue]
> My apologies, Spartanicus, but your layout does not work out at all.
>
> Any other suggestions how I can achieve this layout?
>
> <div>
> xxxxxxxxxx
> x x
> x IMG x
> x x
> x x
> x x <h2>Headline</h2>
> xxxxxxxxxx <h3>Subheadline </h3
> <p>blablablabla blabla</p>
> </div>
>
> Peter[/color]

Check out this method which works for all:

http://www.home.golden.net/~richterf/Peter/FloatImageLeft_1.html

--
Gus

[Spartanicus]

Re: CSS Formatting issue

pdiedrich@gmx.d e (Peter Diedrich) wrote:
[color=blue]
>My apologies, Spartanicus[/color]

Hint: if you follow up to another message, use that message and not your
own, it messes up message threading. Also: quote a minimal bit of what
you are responding to and put your reply beneath it.
[color=blue]
>, but your layout does not work out at all.[/color]

It's your layout, and I told you it was broken.
[color=blue]
>Any other suggestions how I can achieve this layout?[/color]

Time to show us the actual problem instead of a non realistic ascii
drawing using bogus content. Upload an example using the real content.

--
Spartanicus

[Steve Pugh]

Re: CSS Formatting issue

Gus Richter <gusrichter@net scape.net> wrote:
[color=blue]
>Peter Diedrich wrote:[color=green]
>> My apologies, Spartanicus, but your layout does not work out at all.
>>
>> Any other suggestions how I can achieve this layout?
>>
>> <div>
>> xxxxxxxxxx
>> x x
>> x IMG x
>> x x
>> x x
>> x x <h2>Headline</h2>
>> xxxxxxxxxx <h3>Subheadline </h3
>> <p>blablablabla blabla</p>
>> </div>
>>
>> Peter[/color]
>
>Check out this method which works for all:
>
> http://www.home.golden.net/~richterf...ageLeft_1.html[/color]

Funny definition of 'all'. It works in IE5 and that's about it. In
Opera and Firefox there's a horizontal scrollbar (because the green
bordered box has a width of 100%) and in IE6 it falls apart completely
(same cause). Remove the width: 100% from .inside and it will work
better.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>

[Gus Richter]

Re: CSS Formatting issue

Steve Pugh wrote:[color=blue]
> Gus Richter <gusrichter@net scape.net> wrote:
>
>[color=green]
>>Peter Diedrich wrote:
>>[color=darkred]
>>>My apologies, Spartanicus, but your layout does not work out at all.
>>>
>>>Any other suggestions how I can achieve this layout?
>>>
>>><div>
>>>xxxxxxxxxx
>>>x x
>>>x IMG x
>>>x x
>>>x x
>>>x x <h2>Headline</h2>
>>>xxxxxxxxxx <h3>Subheadline </h3
>>><p>blablabla blablabla</p>
>>></div>
>>>
>>>Peter[/color]
>>
>>Check out this method which works for all:
>>
>> http://www.home.golden.net/~richterf...ageLeft_1.html[/color]
>
>
> Funny definition of 'all'. It works in IE5 and that's about it. In
> Opera and Firefox there's a horizontal scrollbar (because the green
> bordered box has a width of 100%) and in IE6 it falls apart completely
> (same cause). Remove the width: 100% from .inside and it will work
> better.
>
> Steve
>[/color]

Hey, I thought about changing the width to a fixed value, but decided to
leave it as is. I thought that people would have enough sense ......
guess not, huh?
The demo/example is to fulfill the OP's request and guess what, it does.
Now bitch about spelling errors somewhere.

-- Gus

[Gus Richter]

Re: CSS Formatting issue

Steve Pugh wrote:[color=blue]
> Funny definition of 'all'. It works in IE5 and that's about it. In
> Opera and Firefox there's a horizontal scrollbar (because the green
> bordered box has a width of 100%) and in IE6 it falls apart completely
> (same cause). Remove the width: 100% from .inside and it will work
> better.
>
> Steve
>[/color]

Aside from the fact that you're right about the width, the majority of
your response is a negative putdown of the solution. Your first sentence
sets the tone of your response. Even the ending leaves a lot to be
desired. It is the only perfect solution which you, nor anyone else,
could not come up with. Now come back with, "Funny definition of perfect".

I don't recall why I included the width at all. I did notice the overset
and contemplated a fixed value or a margin-right to compensate for the
margin-left, but left it as was since that was not the meat of the
thing. The meat is the concept. I removed the width altogether now, so
look at it again. It should be "better".

_ Peter: _ I hope that I gave you a good explanation of how the thing
works. Let me know if it meets your needs.

--
Gus

[Disco Octopus]

Re: CSS Formatting issue

Peter Diedrich wrote :[color=blue]
> My apologies, Spartanicus, but your layout does not work out at all.
>
> Any other suggestions how I can achieve this layout?
>
> <div>
> xxxxxxxxxx
> x x
> x IMG x
> x x
> x x
> x x <h2>Headline</h2>
> xxxxxxxxxx <h3>Subheadline </h3
> <p>blablablabla blabla</p>
> </div>
>
> Peter[/color]

This may be something your can use. Not perfect I know, but perhaps
can be helpful....

http://mycoolfish.com/t/thing_with_the_thing.html

--
eating alone is medicinal

[Steve Pugh]

Re: CSS Formatting issue

Gus Richter <gusrichter@net scape.net> wrote:[color=blue]
>Steve Pugh wrote:[color=green]
>> Funny definition of 'all'. It works in IE5 and that's about it. In
>> Opera and Firefox there's a horizontal scrollbar (because the green
>> bordered box has a width of 100%) and in IE6 it falls apart completely
>> (same cause). Remove the width: 100% from .inside and it will work
>> better.[/color]
>
>Aside from the fact that you're right about the width, the majority of
>your response is a negative putdown of the solution.[/color]

Because the solution failsed in three out of the four browsers I
tested it in. That demonstrates a certain lack of care on your part.
Fix the width and it worked better.

But it works with the sample copy and image size that you used.

As you used absolute positioning then it is entirely possible that in
real world situations some of the text will extend off the top of the
page and be impossible to reach with scrolling.

We don't know what the actual height of the image will be, we don't
know how long the actual heading and subheading will be. We don't know
what the user's font size will be and we don't know what the user's
window width will be.

As the heading and subheading have their _bottom_ fixed a set distance
from the _top_ of the page and as, being absolutely positioned, they
don't contribute to the height of their parent it is entirely possible
that at some point the text will extend off the top of the screen.

This is a typical downside to using aboslute positioining and one that
people should be aware of.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>

[Gus Richter]

Re: CSS Formatting issue

Steve Pugh wrote:[color=blue]
> Gus Richter <gusrichter@net scape.net> wrote:
>[color=green]
>>Steve Pugh wrote:
>>[color=darkred]
>>>Funny definition of 'all'. It works in IE5 and that's about it. In
>>>Opera and Firefox there's a horizontal scrollbar (because the green
>>>bordered box has a width of 100%) and in IE6 it falls apart completely
>>>(same cause). Remove the width: 100% from .inside and it will work
>>>better.[/color]
>>
>>Aside from the fact that you're right about the width, the majority of
>>your response is a negative putdown of the solution.[/color]
>
>
> Because the solution failsed in three out of the four browsers I
> tested it in.[/color]

BS - The meat works! Point out an improvement; don't negate the whole thing!
[color=blue]
> That demonstrates a certain lack of care on your part.[/color]

My personal failings have no relevance in this thread. Perhaps you could
have added that I forgot to remove the borders (placed as an aid to
understand)? Pointing out errors and/or improvements 'politely' are
always welcome.
[color=blue]
> Fix the width and it worked better.[/color]

It works perfectly per the OPs requirements.
[color=blue]
> But it works with the sample copy and image size that you used.[/color]

At least that is some acknowledgement , thanks.
[color=blue]
> As you used absolute positioning then it is entirely possible that in
> real world situations some of the text will extend off the top of the
> page and be impossible to reach with scrolling.
>
> We don't know what the actual height of the image will be, we don't
> know how long the actual heading and subheading will be. We don't know
> what the user's font size will be and we don't know what the user's
> window width will be.
>
> As the heading and subheading have their _bottom_ fixed a set distance
> from the _top_ of the page and as, being absolutely positioned, they
> don't contribute to the height of their parent it is entirely possible
> that at some point the text will extend off the top of the screen.
>
> This is a typical downside to using aboslute positioining and one that
> people should be aware of.[/color]

As with most anything, there are caveats and reasonable care must be
taken to ensure that everything works as required. For example, sizing
the first heading to 144 point will cause the top half of this heading
to go irretrievably beyond the top of the screen. Also, depending on
image size and headings content, resizing the screen may also produce
undesirable results. All this is understood. So what is your point, to
never use absolute positioning and that this method is useless? Do you
have another solution?

--
Gus

[Steve Pugh]

Re: CSS Formatting issue

Gus Richter <gusrichter@net scape.net> wrote:[color=blue]
>Steve Pugh wrote:[color=green]
>>
>> Because the solution failsed in three out of the four browsers I
>> tested it in.[/color]
>
>BS - The meat works! Point out an improvement; don't negate the whole thing![/color]

The only negation of the whole thing is in your mind. I pointed out
that there was horizontal scrolling in Opera and Firefox and vertical
misalignment in IE6 (and surely vertical alignment is "the meat" as
you put it), and how to fix those problems.

In fact those problems create a worse visual impression than just
leaving the headings aligned with the top of the image.
[color=blue][color=green]
>> That demonstrates a certain lack of care on your part.[/color]
>
>My personal failings have no relevance in this thread.[/color]

Your, apparantly hurt, personal feelings seem to be the only reason
this thread is continuing.

I have no idea how you get from my statement about your lack of care
and attention in testing your solution to some sort of issue
concerning your personal feelings. It's a rather puzzling non
sequiter.

I've said what I wanted to say - I've pointed out the correction
needed to make your technique workable in more than just IE5 and I've
explained the potential problems with the technique in general. There
is no point in continuing the discussion.

Steve

--
"Grab reality by the balls and squeeze." - Tempus Thales

Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>

[Gus Richter]

Re: CSS Formatting issue

Steve Pugh wrote:[color=blue]
> Gus Richter <gusrichter@net scape.net> wrote:
>[color=green]
>>Steve Pugh wrote:
>>[color=darkred]
>>>Because the solution failsed in three out of the four browsers I
>>>tested it in.[/color]
>>
>>BS - The meat works! Point out an improvement; don't negate the whole thing![/color]
>
>
> The only negation of the whole thing is in your mind. I pointed out
> that there was horizontal scrolling in Opera and Firefox and vertical
> misalignment in IE6 (and surely vertical alignment is "the meat" as
> you put it), and how to fix those problems.
>
> In fact those problems create a worse visual impression than just
> leaving the headings aligned with the top of the image.[/color]

And yet still you infer here that the method is unacceptable.
[color=blue][color=green][color=darkred]
>>>That demonstrates a certain lack of care on your part.[/color]
>>
>>My personal failings have no relevance in this thread.[/color]
>
>
> Your, apparantly hurt, personal feelings seem to be the only reason
> this thread is continuing.
>
> I have no idea how you get from my statement about your lack of care
> and attention in testing your solution to some sort of issue
> concerning your personal feelings. It's a rather puzzling non
> sequiter.[/color]

I said *failings* not *feelings* - you ventured into the wrong area.
BTW, it's spelled *sequitur* and there was no conclusion drawn from any
inference since you bluntly and unnecessarily point out a "lack of
care". The tone of your responses rankle.
[color=blue]
> I've said what I wanted to say - I've pointed out the correction
> needed to make your technique workable in more than just IE5[/color]

Excellent contribution to remove the horizontal scrollbar.
I appreciate the quasi-approval of this method subject to your contribution.
[color=blue]
> and I've
> explained the potential problems with the technique in general.[/color]

And I've pointed out that caveats and care should be understood.
[color=blue]
> There is no point in continuing the discussion.[/color]

Quite so. I'm done with this thread as well now. You were not able to
come up with this solution, so you negate it. You're unable to offer any
other solution except to change the requirements. The thread could have
been shortened if you had simply said, "Remove the width and it works
fine". Thanks for the dance.

--
Gus

[Steve Pugh]

Re: CSS Formatting issue

Gus Richter <gusrichter@net scape.net> wrote:
[color=blue]
>And yet still you infer here that the method is unacceptable.[/color]

You infer. I might imply (but in this case didn't). If you want to
start a language pissing contest (as you seem to want to elsewhere in
your post) then the distinction between those two is something you
should get straight.
[color=blue]
>I said *failings* not *feelings* - you ventured into the wrong area.[/color]

Apologies for the misreading.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>

[Gus Richter]

Re: CSS Formatting issue

Steve Pugh wrote:[color=blue]
> Gus Richter <gusrichter@net scape.net> wrote:
>
>[color=green]
>>And yet still you infer here that the method is unacceptable.[/color]
>
>
> You infer. I might imply (but in this case didn't).[/color]

Please check your Webster's dictionary.

--
Gus

[Steve Pugh]

Re: CSS Formatting issue

Gus Richter <gusrichter@net scape.net> wrote:[color=blue]
>Steve Pugh wrote:[color=green]
>> Gus Richter <gusrichter@net scape.net> wrote:
>>[color=darkred]
>>>And yet still you infer here that the method is unacceptable.[/color]
>>
>> You infer. I might imply (but in this case didn't).[/color]
>
>Please check your Webster's dictionary.[/color]

If Webster's lists infer as a synonym for imply (which is how you used
it) then they are merely documenting a sloppy but widespread usage.

As the Guardian style guide succinctly puts it:
"to infer is to deduce something from evidence; to imply is to hint at
something (and wait for someone to infer it)"

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>