sirka stranky – max 90%, ale min 960px, jak to udelat?

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod xbrut 20. 10. 2005 16:48

zdravim.

na sve strance pouzivam tuto konstrukci:
Kód: Vybrat vše
<body>
    <center>
    <div class="main_frame">
        .... vlastni text ....
    </div>
    </center>
</body>

css styl main_frame mam nastaveny:
Kód: Vybrat vše
div.main_frame {
    width: 960;
    text-align: justify;
}

slo by nejak udelat, aby misto pevne sirky 960 px byla treba 90% sirky okna, ale minimalne 800 px ?
MESS WITH THE BEST, DIE LIKE THE REST
xbrut
Kolemjdoucí

Odeslat příspěvekod Petra 20. 10. 2005 16:58

Ano, width:90%; min-width:800px; (v IE to nefunguje, musí se třeba pomocí expressions)

BTW:
1. width:960 je špatně, musí tam být jednotky (width:960px;)
2. minimální šířka stránky 800px je nesmysl.
Petra
Junior

Odeslat příspěvekod Japan 20. 10. 2005 16:59

Slo by to v CSS nasledujicim zapisem:

div.main_frame {
width: 90%;
min-width: 800px;
text-align: justify;
}

Ovsem nebude to fungovat v IE, protoze on min- a max- veci nezvlada... jde to vyresit pomoci JS nebo .htc, ale je to IMHO pomerne slozite a neefektivni.
Japan
Kolemjdoucí
Uživatelský avatar

Odeslat příspěvekod xbrut 20. 10. 2005 17:10

diky, tak uz to funguje.

IE asi budu tise ignorovat :)

> minimální šířka stránky 800px je nesmysl.
taky me to napadlo, ale potrebuju tam zobrazit vedle sebe dva sloupce - jeden en a druhej totez cz. a pri sirce napr. 600 to uz vypada dosti nepekne.... navic predpokladam, ze vetsina lidi ma rozliseni min 1024 x 768
MESS WITH THE BEST, DIE LIKE THE REST
xbrut
Kolemjdoucí

Odeslat příspěvekod Petra 20. 10. 2005 17:57

No tak těch 770px není od těch 800px tak daleko snad, abys to měl i pro ty co mají 800x600.

"Většina" je v tomhle případě dost nevhodný slovo. Co je platný, že většina to může používat normálně, když menšina, která čítá desítky, stovky a na některých webech i tisíce lidí ne :-)
Petra
Junior

Odeslat příspěvekod xbrut 20. 10. 2005 20:52

jo, to mas asi pravdu.

i kdyz s tema tisicema lidi bych to nevidel tak kriticky. Precejenom moje stranky jsou hlavne pro "elitu" :-B
MESS WITH THE BEST, DIE LIKE THE REST
xbrut
Kolemjdoucí

Odeslat příspěvekod Blko 20. 10. 2005 22:01

Mozno by sa dalo v pripade IE pouzit nieco taketo: http://www.wellstyled.com/css-minheight-hack.html
Blko
Junior
Uživatelský avatar

Odeslat příspěvekod Petra 20. 10. 2005 22:16

Blko: ne, to by nešlo. Takhle funguje v IE height, natahuje se dokud je obsah i když je zadaná pevná výška. U šířky to tak ale nefunguje, teda funguje, ale pouze v případě, že ten obsah je nezalomitelný, tzn. třeba slovo dlouhé víc než těch 800px. Což v praxi moc nenastává :-)
Petra
Junior

Odeslat příspěvekod Lemur 21. 10. 2005 12:34

Problem s minimalni sirkou jde v IE vyresit pomoci expresions, ale moc to nedoporucuju a je to nevalidni. Vypada to treba nejak takhle (s pouzitim podtrzitkoveho hacku pro IE):
Kód: Vybrat vše

_width: expression((document.body.clientWidth>700)?((document.body.clientWidth - 100)+'px'):'600px');


Tenhle kousek zajisti, ze sirka nebude mensi nez 600px, a nad 700px je siroka jako cela stranka minus 100px (sirka menu vlevo).
Lemur
VIP uživatel
Uživatelský avatar


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků