| Autor | Zpráva | ||
|---|---|---|---|
| larakyn Profil |
#1 · Zasláno: 4. 4. 2014, 00:11:12
Ahoj,
mám problém a to konkrétně s tím, že mám div, něco jako celej obsah. Má určitou šířku atd. a pozadí... (řešení problému o dvou stejných panelech). Když do něj něco napíšu, vše se zobrazí, jak má. Ale když do něj vložim ty dva divy (panely), tak jsou sice správně daný, ale pozadí nikde. Zde je příklad: http://ondrejzikafoto.hys.cz/ Zde je kod: CSS body{
font:Calibri;
font-size: 20px;
margin: 0px;
}
.obsah{
background: url("img/obsah.png") repeat-y;
width: 1350px;
border-top: 3px solid black;
border-left: 3px solid black;
border-right: 3px solid black;
border-bottom: 3px solid black;
box-shadow: 3px 12px 60px;
}
.slideshow{
background: url("img/slide.png") fixed;
width: 1350px;
height? 350px;
border-bottom: 3px solid black;
float: center;
}
.levy{
width: 475px;
}
.spojka{
width: 875px;
}samotná stránka <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="styl.css" />
<title>Ondřej Zíka • Foto</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
</head>
<body>
<center>
<div class="obsah">
<div class="slideshow"><img src="img/slide.png"></div>
<div class="levy" style="float: left;">
ahoj
</div>
<div class="spojka" style="float: right;">
Spojka :)
</div>
</div>
</center>
</body>
</html> |
||
| Bubák Profil |
#2 · Zasláno: 4. 4. 2014, 05:41:10
Koukni na http://jecas.cz/float
Mimo téma, ve tvém CSS jsou chyby nesouvisející s problémem, koukni na CSS řádky 2, 21, 23 |
||
| jefitto44 Profil |
#3 · Zasláno: 4. 4. 2014, 06:16:47
Odporúčam prerobiť div na šírku maximálne 1260px... mne sa napr. táto budúca slideshow zobrazuje tak, že potrebujem pohybovať scrollbarom do strany
|
||
| Taurus Profil |
#4 · Zasláno: 4. 4. 2014, 12:17:43
jefitto44:
960 px, když už doporučuješ šířku. |
||
| nuda Profil * |
#5 · Zasláno: 4. 4. 2014, 13:11:42
Prečo 960? Benžé monitory majú aspoň 1366px na šírku
|
||
| juriad Profil |
nuda:
Zajímavé, mají alespoň 1366, ale larakynův web široký 1350 je už moc. Druhý nejpoužívanější je ale stále 1024. O používání šířky 960 si něco najdi sám. Argumentů jsou na internetu tuny. Vychází to z rozměru 1024 - šířka okrajů okna - scrollbar. A vybralo se vhodné číslo s hodně děliteli (kvůli mřížkám). |
||
| Trejpa Profil |
#7 · Zasláno: 4. 4. 2014, 14:08:03
nuda:
„Prečo 960? Benžé monitory majú aspoň 1366px na šírku“ Co má šířka monitoru společného s šířkou viewportu prohlížeče? Neznám prakticky žádného běžného uživatele, který by si prohlížel web v maximalizovaném okně. Nehledě na to, že můj tablet má šířku obrazovky menší. |
||
| peta Profil |
juriad:
"Druhý nejpoužívanější je ale stále 1024." Chyba. http://www.toplist.cz/global.html 1366 x 768 - 20% 1280 x 1024 - 10% 1920 x 1080 - 10% - tohle rozliseni mam v praci 1280 x 800 - 8% 1024 x 768 - 6% Na notebooku mam podobme, ale to bych kecal, jestli je to 1600x800 nebo 1900x1100. Trejpa: "Neznám prakticky žádného běžného uživatele" Chyba. U nas je to temer kazdy z 2000 zamestnancu. Nikdo nema prohlizec jinak nez full screen, pokud neni IT. |
||
| juriad Profil |
Věřím pouze těm statistikám, které jsem sám zfalšoval.
Dodám však svůj zdroj: http://gs.statcounter.com/#resolution-ww-monthly-200903-201404 Výsledky na vzorku webových vývojářů se dost liší od obecné reality, psát sem své rozlišení je úplně irelevantní. peta: Skoro každý, koho znám a není IT, a má větší display (20") nemá prohlížeč maximalizovaný, natož fullscreen. |
||
| peta Profil |
juriad: Pekny graf, dik.
1366 x 768 - 26% 1024 x 768 - 10% 1280 x 800 - 9% 1920 x 1080 - 9% Coz je v podstate totez, co rika toplist a podobne to mame i v praci ve statistikach. Na toplist rad odkazuji, protoze to ma v prehlednych tabulkach a rozdelene do kategorii a svizne se to nacita. Jinak ho v oblibe moc nemam, premyslim, ze spis prehodim pocitadlo z osob. stranek na google. |
||
|
Časová prodleva: 10 let
|
|||
0