Whole website springs - depending if long article or short

Rupert · Post by **Rupert** » Sun 2. Jul 2006, 10:53

Hello All,

I have another question. The solution is not so important, but I'm wondering, whats happening and why, because this strange thing occurs on all my webpages made with phpWCMS.

If you see this page:
http://www.loesungen-erschliessen.de/index.php?news

and switch then to this page:
http://www.loesungen-erschliessen.de/in ... hwerpunkte

you see, that the whole webpage springs from right to left for about 15px.
The reason is, that the first page is very short and the second longer.... When I switch between pages, which are long too, this spring (or move) doesn't occurs. Only from long to short or back.

Post by **flip-flop** » Sun 2. Jul 2006, 11:07

Hi Rupert,
that isn´t a phpWCMS-problem it is browser typically. Using an IE you don´t see this "springs". There you have a permanent slider at the right.
For FF insert at your frontend.css

Code: Select all

body {
	.
	.
	.
	height: 101%
}

This will produced a permanent slider at the right in FF.

regards Knut

Rupert · Post by **Rupert** » Sun 2. Jul 2006, 11:16

Thank you very, very much for the fast answer!

.... and yes, it works!

wow, what for a problem. And I thought, that is a problem of my code

Klappstuhl28 · Post by **Klappstuhl28** » Sun 2. Jul 2006, 22:49

This is another topic of what is called "browserkrieg".
In IE as knut worte the scrollbar is permanently shown. In FF it
is generated "on demand" - when the page/content
is bigger then the viewable area. The width of the
scrollbar is deducted from the whole width and so
it jumps.

The solution with css doesn´t look that good
but it´s the only one to "enchain" the FF.

Oh Lord, would you buy me...
something like a mercedes-benz-browser.

-nerved-

Rupert · Post by **Rupert** » Wed 6. Sep 2006, 10:11

hmm. Strange, the solution with CSS worked.
BUT, in Version 2.8 it doesn't work anymore?
Could it be, that because 2.8 generates XHTML, this workaround doesn't work anymore?

Post by **flip-flop** » Wed 6. Sep 2006, 10:48

XHTML:
min-height: 100.1%;

Knut

pico · Post by **pico** » Wed 6. Sep 2006, 10:54

Hi

min-height: 100.01%;

works better - it didn't jump a little up and down when using a Wheel-Mouse

Rupert · Post by **Rupert** » Wed 6. Sep 2006, 10:58

Hello,

thank you for the FAST answers!

I put this in the frontend.css:
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
min-height: 100.01%
}

... but it doesn't work? Whats wrong?

pico · Post by **pico** » Wed 6. Sep 2006, 11:07

Hi

if your Layout is Table-Based set the Mark 'disable at 'margin' Row and
set Margins etc in the body-Class like:

Code: Select all

  body {
    min-height: 100.01%;	
    color: #282F42;
    background-color: #C1D2E2;
    margin:0;
    padding:0;
  }

and check that you haven't two body-Classes in your frontend.css or somewhere else

Rupert · Post by **Rupert** » Wed 6. Sep 2006, 11:24

I changed it now in my frontend.css to this:

Code: Select all

body {
    min-height: 100.01%;   	
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #282F42;
    background-color: #C1D2E2;
    background: url(http://www.loesungen-erschliessen.de/picture/logo/background.jpg) repeat;
    margin:10px;0px;10px;0px;
    padding:0; 
}

Two Questions:
- still the min-height doesn't work
- how it is possible, that the background Image is only repeated from left to right and below comes a color (because its looking very strange, if its repeated). Just have a look: http://www.loesungen-erschliessen.de/

pico · Post by **pico** » Wed 6. Sep 2006, 11:36

background-repeat: repeat-x;

Post by **flip-flop** » Wed 6. Sep 2006, 11:44

Schau mal hier:

Code: Select all

www .mz.ja-nek .de/test6_css.phtml

pico · Post by **pico** » Wed 6. Sep 2006, 11:59

Hi

once again - is still in
if your Layout is Table-Based set the Mark 'disable at 'margin' Row

and make your Site a little smaler - not everybody has a 1280*1024 Screen

Rupert · Post by **Rupert** » Wed 6. Sep 2006, 12:09

to flip-flop:
wow, thank you, this site is helpful!

to pico

I disabled "margin" Row. (Please have a look in the picture).
Furthermore, I looked if there is somewhere a second body tag... neither.
And, the CSS worked till Version 2.6 (only in Version 2.8 the height or min-heigt command doesn't work)

My site has the width 1024 (after analyzing the weblog, I saw, that 92% have a solution 1024*768 or bigger!).

pico · Post by **pico** » Wed 6. Sep 2006, 12:18

clear all fields Farbe, Text, Link, besucht and aktiv

in HTML-Code this must be away

Code: Select all

  <style type="text/css" media="all">
  /* <![CDATA[ */
    body {
      background-color: #FFFFFF;
      color: #000000;
    }
    a, a:link, a:active, a:visited, a:hover { color: #FF9900; }
    a:visited { color: #FF9900; }
    a:active { color: #377a4b; }
  /* ]]> */
  </style>

on 1024 I have to scrol horizontal - remember that the Browser will not show the full-Size (Border Scrolbar etc. ) so a good with is 980px

Whole website springs - depending if long article or short

Whole website springs - depending if long article or short

Thank you!