Go Back   Velocity Reviews > Newsgroups > HTML
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Reply

HTML - min-width max-width again

 
Thread Tools Search this Thread
Old 02-09-2004, 05:59 AM   #1
Default min-width max-width again


OK I did these tests and got dissapointed but really it's pretty close.
The best option is:

http://www.edgehill.net/html/css/max-min-width3.htm

where I use

max-width:30em;
min-width: 20em;

for css compliant browsers and

width:expression( ...

for IE


The remaining challenge is that I want to center the block with some
sections left adjusted content:


div.constrained_center {
margin-left: auto;
margin-right: auto;
text-align: center;

div.constrained_left {
margin-left: auto;
margin-right: auto;
text-align: left;

Again IE won't read this and pushes everything to the left margin. How
does this render in Opera or others? Am I going to keep other features
inside this flexible centered area? Some experiments had div's flying
off to the left while others stayed centered.



Paul Furman
  Reply With Quote
Old 02-09-2004, 06:55 AM   #2
rf
 
Posts: n/a
Default Re: min-width max-width again


"Paul Furman" <> wrote in message
news:2v-cnQfhQ6wtvLrdXTWc-...
> OK I did these tests and got dissapointed but really it's pretty close.
> The best option is:
>
> http://www.edgehill.net/html/css/max-min-width3.htm


IMHO your time would be far better spent developing some content rather that
trying to dictate to your viewer how wide their text should be.

With a default font size setting your text is only about 600 pixles wide.
What if I want to read it at 800 pixels wide, or even 1600 pixels wide? [1]
This is, after all, my browser. I will set it's width to what I am
comfortable with.

I would also re-think that background. It sucks the text right into it

[1] The window I am typing this post into is about 1100 pixels wide by about
1000 high. I can see all of the post without scrolling. Your maximum width
is one day going to cause me to have a window 1100 pixels wide by 1000 hit
but still have a vertical scroll bar because *you* think *I* need my text
column 600 pixles wide. and have a huge amount of unused heathland to the
right.

Cheers
Richard.



  Reply With Quote
Old 02-09-2004, 07:36 AM   #3
Richard
 
Posts: n/a
Default Re: min-width max-width again

Paul Furman wrote:

> OK I did these tests and got dissapointed but really it's pretty close.
> The best option is:


> http://www.edgehill.net/html/css/max-min-width3.htm



Quit messing around with the cotton pickin flamin fonts!

Why is it everybody wants to take over total control of MY space?
You go to all that fancy trouble for what?
So people like me who know how, can tell their browser to ignore your stupid
font thingy.
Have you ever considered that fonts are there for a general purpose? And if
used wisely, can be of benefit?

Not only do you want to screw me with MY fonts, but you also want to take
over and tell me how big my screen is gonna be.

I'm no expert by a long shot, but as a surfer, and most importantly,
potential customer, what you do to my browser settings is gonna turn me off
and away in a flash.

KISS it!

Keep it simple STUPID!



  Reply With Quote
Old 02-09-2004, 10:31 AM   #4
Marco Bakker
 
Posts: n/a
Default Re: min-width max-width again

Paul Furman <> wrote:

> OK I did these tests and got dissapointed but really it's pretty close.
> The best option is:
>
> http://www.edgehill.net/html/css/max-min-width3.htm


<div style="font-size=120%";>P a u l &nbsp&nbsp&nbsp&nbsp F u r m a
n</div>

You can use a h1 element there and define it in css as 120%.
Looks more clever and probably is.


--
marco
  Reply With Quote
Old 02-09-2004, 10:41 AM   #5
rf
 
Posts: n/a
Default Re: min-width max-width again


"Richard" <anonymous@127.000> wrote in message
news:...
> Paul Furman wrote:


> I'm no expert by a long shot,


How true.



  Reply With Quote
Old 02-09-2004, 01:25 PM   #6
e n | c k m a
 
Posts: n/a
Default Re: min-width max-width again

> <div style="font-size=120%";>P a u l &nbsp&nbsp&nbsp&nbsp F u r m a
> n</div>
>
> You can use a h1 element there and define it in css as 120%.
> Looks more clever and probably is.


You've also got the semi-colon in the wrong spot (making the code invalid) -
it's also unnecessary.


  Reply With Quote
Old 02-09-2004, 02:36 PM   #7
David Mackenzie
 
Posts: n/a
Default Re: min-width max-width again

On Mon, 9 Feb 2004 11:31:19 +0100, lid (Marco
Bakker) wrote:

>Paul Furman <> wrote:
>
>> OK I did these tests and got dissapointed but really it's pretty close.
>> The best option is:
>>
>> http://www.edgehill.net/html/css/max-min-width3.htm

>
><div style="font-size=120%";>P a u l &nbsp&nbsp&nbsp&nbsp F u r m a
>n</div>
>
>You can use a h1 element there and define it in css as 120%.
>Looks more clever and probably is.


He could also use the letter-spacing property to space out his
letters, rather than spaces. A Google search for "paul furman" or
"slope design" wouldn't find his site at present.

--
David ( @priz.co.uk )
  Reply With Quote
Old 02-09-2004, 03:06 PM   #8
Paul Furman
 
Posts: n/a
Default Re: min-width max-width again

OK OK I know some of my coding is a mess and some of you have
philosophical differences about this approach but nobody has answered my
question. This is just a test page to illustrate my question about
centering.

I'm working on some PHP programming so I can apply whatever I come up
with and standardize it with one template:
<http://hills.ccsf.edu/~pfurma02/index.php?SCREEN=ecards.php&IMG_DIR=photos>
I've got oodles of content here:
http://www.edgehill.net
http://www.edgehill.net/sitemap.htm
http://www.edgehill.net/picture-index.htm
http://www.edgehill.net/garden/other
http://www.edgehill.net/species.htm

I like the background and I can show it off better with some space on
the edges. I might make the fonts bigger to be more readable or put the
text in an opaque container with the background at the edges. It's my
web page, I want to take people into my world. The presentation is very
important with design work, I'm not just a librarian. Many of my pages
have large pictures that will require a maximized window so the text
will look preposterous on those pages and people would get exhausted
resizing their window to make it comfortable. I've come up with a setup
here that does allow the page to be squished down without a horizontal
scroll bar so I think this is a pretty good compromise to work on
developing further.

  Reply With Quote
Old 02-09-2004, 03:25 PM   #9
Paul Furman
 
Posts: n/a
Default Re: min-width max-width again

David Mackenzie wrote:
> On Mon, 9 Feb 2004 11:31:19 +0100, lid (Marco
> Bakker) wrote:
>>
>><div style="font-size=120%";>P a u l &nbsp&nbsp&nbsp&nbsp F u r m a
>>n</div>
>>
>>You can use a h1 element there and define it in css as 120%.
>>Looks more clever and probably is.

>
>
> He could also use the letter-spacing property to space out his
> letters, rather than spaces. A Google search for "paul furman" or
> "slope design" wouldn't find his site at present.


OK thanks for the suggestions and I'll look into those but the page does
show up in google with those key words:
<http://www.google.com/search?hl=en&lr=&ie=UTF-8&oe=UTF-8&q=slope+design+paul+furman>
<http://www.google.com/search?hl=en&lr=&ie=UTF-8&oe=UTF-8&q=slope+design+native+plants>

Oops, that's because I didn't use spaces on those pages <g>

  Reply With Quote
Old 02-09-2004, 03:28 PM   #10
Paul Furman
 
Posts: n/a
Default Re: min-width max-width again

Paul Furman wrote:
>
> <http://www.google.com/search?hl=en&lr=&ie=UTF-8&oe=UTF-8&q=slope+design+native+plants>
>
> Oops, that's because I didn't use spaces on those pages <g>


Hmm, actually I did use spaces and google still figured it out. Anyways
the spacing thing does sound smarter.

  Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump