Forum PHP.pl > ramka w php

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

Leech

20.09.2008, 17:25:58

witam,
zrobilem strone na ramkach za pomocą position:absolute. Naglowek, stopka i lewy bok sa nieruchome natomiast srodkowy div jest plynny za pomocą overflow:auto. Jednak zeby mozna bylo scrollowac srodkowa ramke trzeba ustawic stala wysokosc. Wszystko byloby w porzadku ale przy zmianie rozdzielczosci nieruchome divy zaslaniaja czesc srodkowego okna. Procentowe ustawienie wysokosci nie zdaje egzaminu. Pytanie jak ustawic height ktore ma byc stale ale zmieniajace sie po zmienie rozdzielczosci. Istnieje sposob np w JS zeby pobrac wysokosc ekranu i wstawienie jej do CSS?

michalkjp

20.09.2008, 20:12:37

Nie wiem jak zrobić, aby bezpośrednio zmienić CSS, ale można zmienić styl dla określonego tagu po jego ID. To działa na FF, Operze, Safari, na IE6 nie chodzi, pewnie wymaga jakichś poprawek.

[HTML] pobierz, plaintext 
<?xml version='1.0' encoding='UTF-8'?>
<?xml-stylesheet href='css/style.css' type='text/css'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance' xml:lang='en'>
<head>
<title>Test</title>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<link rel='stylesheet' href='css/style.css' type='text/css' />
<script type='text/javascript'>
function set_res()
{
    if (window.innerHeight) {
        height = window.innerHeight;
        width = window.innerWidth;
    } else if (document.body.scrollHeight > document.body.offsetHeight) {
        height = document.body.scrollHeight;
        width = document.body.scrollWidth;
    } else {
        height = document.body.offsetHeight;
        width = document.body.offsetWidth;
    }
 
    //alert("height="+height+" width="+width);
    td_left = document.getElementById("td_left");
    td_left.style.width = (width/2)+"px";
    td_left.style.height = (height/2)+"px";
}
</script>
</head>
<body onload='set_res();' onresize='set_res();'>
<table border='1'>
    <tbody>
        <tr>
            <td id='td_left'>test1</td>
            <td id='td_right'>test2</td>
        </tr>
    </tbody>
</table>
</body>
</html>
[HTML] pobierz, plaintext

Gorgeus

21.09.2008, 02:51:46

dobry panie co to za kod? nie dosc ze tabelki to jeszcze xhtml 1.1! oO!

Leech pokaz ta strone, a cos poradzimy, bez kodu moge ci doradzic korzystanie z divow i floatow

Leech

21.09.2008, 09:58:17

dzieki za probe pomocy. W IE poradzilem sobie poprzez :

[HTML] pobierz, plaintext 
height: expression(parseInt(document.body.clientHeight-250)+'px');
[HTML] pobierz, plaintext

michalkjp

21.09.2008, 11:26:25

Cytat(Gorgeus @ 21.09.2008, 03:51:46 )

dobry panie co to za kod? nie dosc ze tabelki to jeszcze xhtml 1.1! oO!

Dlaczego ludzie tak nie lubią tych tabelek? Kiedyś niektóre przeglądarki miały z nimi problemy, więc nieużywanie tabelek mogło być uzasadnione. A teraz? 99,8% przeglądarek dobrze je renderuje. Chyba jedyna wada tabelki, to trudność późniejszego przestawienia elementów na stronie. Coś pominąłem?

A co z xhtml 1.1? Nie rozumiem, dlaczego to niby miałbym go nie używać? Jakiś rozsądny powód przeciw?

Gorgeus

21.09.2008, 21:31:11

Cytat(michalkjp @ 21.09.2008, 10:26:25 )

tabelki: http://osiolki.net/tabelki/index.html

xhtml 1.1: http://pornel.net/xhtml

michalkjp

22.09.2008, 13:32:08

@Gorgeus

Część z argumentów padających w tych artykułach jest jak najbardziej słuszna. Jednak druga część argumentów jest zupełnie nietrafiona i przypomina argumenty padające przy rozmowach o stylach kodowania. Wiedz, że nie cechuje mnie irracjonalne uwielbienie zarówno do tabelek jak i XHTML ani do konkretnych stylów kodowania. Pragmatycznie wybieram rzeczy, które mi bardziej pasują albo dostosowuje się do reguł narzucanych odgórnie. Ot cała filozofia.

Pozdrawiam.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.