Egy böngésző képernyőjét szeretném két div-vel két egyenlő részre osztani. Meg lehet valahogy úgy csinálni, hogyha széles a képernyő, akkor egymás mellé tegye a diveket, ha meg magas, akkor egymás alá?

meg lehet biztos, de nm értelek pontosan..

szóval: adott két div.

"Egy böngésző képernyőjét szeretném két div-vel két egyenlő részre osztani. " ez könnyű, mindkét div szélessége legyen 50%, relative position,float: left.

Ezen felül azt szeretnéd, hogy "ha magas a képernyő" ez a tablet akar lenni, vagy mi?

Bár nem lényeg, tuti, hogy azt szeretnéd, hogyha a két div mondjuk a 600px-nél szűkebb képernyőkön jelenik meg,akkor ne a fejenként 300px-es területet töltse ki, hanem legyen egymás alatt a kettő, mondjuk 400px széles divként..

erre találták ki a min-width: valamennyi px; szelektort:

ha adsz a diveknek ilyen tulajdonságot,pl 400px-t, akkor működés:

a képernyő szélessége: 2000px .... két 1000 széles div

a képernyő szélessége: 1000px .... két 500 széles div

a képernyő szélessége: 800px .... két 400 széles div

a képernyő szélessége: 750px .... két, 375px széles div LENNE, de mivel megmondjuk neki, hogy 400 alé nem mehet, így kénytelen megjelenítenie a két 400px széleset, ami uge nem fér kiegymás mellett, így lesz@rva a megadott pozíciót, egymás alatt lsznek megjelenítve..

#div {

position: relative;

float: left;

width: 50%;

min-width: 400px;

}

így gondolod?

magyarázatot kérek:

ha magas: ez azt jelenti, hogy magasABB, mint szélesebb?

mit pl az ipad?

egyébként, ha most jól értem, kétféle elrendezés közül akarsz választani:

ha szélesség < magasság, akkor a.) elrendezés

ha magasság < szélesség, akkor b.) elrendezés

ezt mondjuk a javascript tudja is; kell két db css-fájl, aztán:

if (screen.width > screen.height) {

document.write('<link rel="stylesheet" type="text/css" href="stilus1.css">');

}

stb, analóg módon.

hát, mostanság az a "divat", illetve a szabvány, hogy a html-en kívül, egy külön css fájlban definiálunk stílust..

de magára a kérdésre válaszolva: persze, lehet:

a kódomban a document.write, mint az gondolom látható, a html headjébe "beleírja" a használandó css tagjét.. na, ha a metaelem helyett egy sima <style type="text/css">

h1 {color:red;}

p {color:blue;}

</style>

tagok közé zárt stíluslap-elemeket írsz, akkor az kerül bele a html-be..