Big mistake

**Benjamin Niemann** · Aug 19 '07, 09:35 AM

Re: Big mistake

Werner Partner wrote:

Sorry, I trusted in a suggestion to change <tableto CSS.
>
This is the result:
http://192.168.11.11/sonoptikon.de/k...g.de/index.php

^^^^^^^^^^^^^
This is an address in your local network. Please post a publicly accessible
URL.

--
Benjamin Niemann
Email: pink at odahoda dot de
WWW: http://pink.odahoda.de/

**Werner Partner** · Aug 19 '07, 09:55 AM

Re: Big mistake

Benjamin Niemann schrieb:

Werner Partner wrote:
>

>Sorry, I trusted in a suggestion to change <tableto CSS.
>>
>This is the result:
>http://192.168.11.11/sonoptikon.de/k...g.de/index.php

^^^^^^^^^^^^^
This is an address in your local network. Please post a publicly accessible
URL.
>

EXcuse:

http://40296.webtest.goneo.de/praxis-hp/index.php

Werner

--
--------------------------------------------------
Dorothee & Werner Partner, 45699 Herten

Sonoptikon

http://www.sonoptikon.de

**Werner Partner** · Aug 19 '07, 11:15 AM

Re: Big mistake

Werner Partner schrieb:

Benjamin Niemann schrieb:

>Werner Partner wrote:
>>

>>Sorry, I trusted in a suggestion to change <tableto CSS.
>>>
>>This is the result:
>>http://192.168.11.11/sonoptikon.de/k...g.de/index.php

> ^^^^^^^^^^^^^
>This is an address in your local network. Please post a publicly
>accessible
>URL.
>>

EXcuse:
>
http://40296.webtest.goneo.de/praxis-hp/index.php

The fact makes me little bit sad, because it looks quite nice with
firefox, but terribly wrong with IE

Werner

--
--------------------------------------------------
Dorothee & Werner Partner, 45699 Herten

Sonoptikon

http://www.sonoptikon.de

**Sherm Pendley** · Aug 19 '07, 11:35 AM

Re: Big mistake

Werner Partner <kairos@sonopti kon.dewrites:

Benjamin Niemann schrieb:

>Werner Partner wrote:
>>

>>Sorry, I trusted in a suggestion to change <tableto CSS.
>>>
>>This is the result:
>>http://192.168.11.11/sonoptikon.de/k...g.de/index.php

> ^^^^^^^^^^^^^
>This is an address in your local network. Please post a publicly accessible
>URL.
>>

EXcuse:
>
http://40296.webtest.goneo.de/praxis-hp/index.php

The W3C validator reports a few errors. Nothing that will be too hard to fix,
but I'd suggest fixing them first. There's no guessing what browsers will do
with errors in HTML.

Validation Results - W3C Markup Validator

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2F40296.webtest.goneo.de%2Fpraxis-hp%2Findex.php

W3C's easy-to-use markup validation service, based on SGML and XML parsers.

sherm--

--
Web Hosting by West Virginians, for West Virginians: http://wv-www.net
Cocoa programming in Perl: http://camelbones.sourceforge.net

**David E. Ross** · Aug 19 '07, 03:35 PM

Re: Big mistake

On 8/19/2007 2:54 AM, Werner Partner wrote:

Benjamin Niemann schrieb:

>Werner Partner wrote:
>>

>>Sorry, I trusted in a suggestion to change <tableto CSS.
>>>
>>This is the result:
>>http://192.168.11.11/sonoptikon.de/k...g.de/index.php

> ^^^^^^^^^^^^^
>This is an address in your local network. Please post a publicly accessible
>URL.
>>

EXcuse:
>

http://40296.webtest.goneo.de/praxis-hp/index.php

>
Werner
>

They look the same to me on Seamonkey 1.1.4 and Internet Explorer 7.
Seamonkey uses the same HTML rendering engine (Gecko) as Firefox.

One thing that should be fixed is the width. Horizontal scrolling is a
real annoyance. Do not use a fixed width for any elements; use only
relative widths (e.g., percent).

--
David E. Ross
<http://www.rossde.com/>

Natural foods can be harmful: Look at all the
people who die of natural causes.

**Jonathan N. Little** · Aug 19 '07, 04:15 PM

Re: Big mistake

Werner Partner wrote:

Werner Partner schrieb:

>Benjamin Niemann schrieb:

>>Werner Partner wrote:
>>>
>>>Sorry, I trusted in a suggestion to change <tableto CSS.
>>>>
>>>This is the result:
>>>http://192.168.11.11/sonoptikon.de/k...g.de/index.php
>> ^^^^^^^^^^^^^
>>This is an address in your local network. Please post a publicly
>>accessible
>>URL.
>>>

>EXcuse:
>>
>http://40296.webtest.goneo.de/praxis-hp/index.php

>
The fact makes me little bit sad, because it looks quite nice with
firefox, but terribly wrong with IE

A quick check of your Firefox error console reveals a error in your CSS

html
{
margin:0; padding:10;
^^^
10 what? You need to put the units.

Next I would challenge your statement that "looks quite nice with
firefox" just bump up the text size and see your page disintegrate. It
is not just to change from table layout to css styling, your need to
approach the design in a different way. Avoid using pixel-perfect layout
grids. Use pixels when dealing with inflexible items like images but use
em or % for text blocks...

I would put your top image in a DIV for a banner with your banner text
and float image to the left. Make DIV minimum the height of the image.
Then I would put your content below and float your menu to the left as
well. Maybe you should not change the background color of the menu and
avoid the temptation of making the "grid" and just have the menu
visually part of your content...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

Little Works Studio Site Maintainance

http://www.LittleWorksStudio.com

**Werner Partner** · Aug 19 '07, 04:25 PM

Re: Big mistake

Jonathan N. Little schrieb:

Werner Partner wrote:

>Werner Partner schrieb:

>>Benjamin Niemann schrieb:
>>>Werner Partner wrote:
>>>>
>>>>Sorry, I trusted in a suggestion to change <tableto CSS.
>>>>>
>>>>This is the result:
>>>>http://192.168.11.11/sonoptikon.de/k...g.de/index.php
>>> ^^^^^^^^^^^^^
>>>This is an address in your local network. Please post a publicly
>>>accessible
>>>URL.
>>>>
>>EXcuse:
>>>
>>http://40296.webtest.goneo.de/praxis-hp/index.php

>>
>The fact makes me little bit sad, because it looks quite nice with
>firefox, but terribly wrong with IE

>
A quick check of your Firefox error console reveals a error in your CSS
>
html
{
margin:0; padding:10;
^^^
10 what? You need to put the units.

OK - but it does not change anything :-(

>
Next I would challenge your statement that "looks quite nice with
firefox" just bump up the text size and see your page disintegrate. It
is not just to change from table layout to css styling, your need to
approach the design in a different way. Avoid using pixel-perfect layout
grids. Use pixels when dealing with inflexible items like images but use
em or % for text blocks...
>
I would put your top image in a DIV for a banner with your banner text
and float image to the left. Make DIV minimum the height of the image.
Then I would put your content below and float your menu to the left as
well. Maybe you should not change the background color of the menu and
avoid the temptation of making the "grid" and just have the menu
visually part of your content...
>
>

I will try that!

thanks

Werner

--
--------------------------------------------------
Dorothee & Werner Partner, 45699 Herten

Sonoptikon

http://www.sonoptikon.de

**Werner Partner** · Aug 19 '07, 04:25 PM

Re: Big mistake

David E. Ross schrieb:

On 8/19/2007 2:54 AM, Werner Partner wrote:

>Benjamin Niemann schrieb:

>>Werner Partner wrote:
>>>
>>>Sorry, I trusted in a suggestion to change <tableto CSS.
>>>>
>>>This is the result:
>>>http://192.168.11.11/sonoptikon.de/k...g.de/index.php
>> ^^^^^^^^^^^^^
>>This is an address in your local network. Please post a publicly accessible
>>URL.
>>>

>EXcuse:
>>
>http://40296.webtest.goneo.de/praxis-hp/index.php
>>
>Werner
>>

>
They look the same to me on Seamonkey 1.1.4 and Internet Explorer 7.
Seamonkey uses the same HTML rendering engine (Gecko) as Firefox.
>
One thing that should be fixed is the width. Horizontal scrolling is a
real annoyance. Do not use a fixed width for any elements; use only
relative widths (e.g., percent).
>

I need only to fix the size of the icon, rest may float
I schould try

thanks

werner

--
--------------------------------------------------
Dorothee & Werner Partner, 45699 Herten

Sonoptikon

http://www.sonoptikon.de

Big mistake

Big mistake

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment