Autor Zpráva
larakyn
Profil
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
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
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
jefitto44:
960 px, když už doporučuješ šířku.
nuda
Profil *
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: