PC-HELP.CZ

Čau,
Mám takový problém se kterým se nevím rady jak bych ho mohl vyřešit... Do teď jsem dělal vždy v css min-width / max-width, tudíž se mi toto nestávalo a stránka měla svojí pevnou velikost, ale nyní když mám width:100%, tak se to chová jinak a stránka se roztahuje/smršťuje podle obrazovky a ta výplň menu se tam prostě nevejde, takže mě zajímá jak by se tento problém dal vyřešit?

Zkoušel jsem nastavit min-width: 960px; k width: 100%;, to sice fungovalo, ale stránka se chovala divně při posouvání do stran v zoomu na velké % a na malém rozlišení byl footer absolutně někde jinde při oddálení stránky...

header.php

Kód: Vybrat vše

<div id="header">
   <div id="addSong">
      <img src="images/addsong.png" alt="Add a song" />
   </div>
   
   <div id="repeatSong">
      <img src="images/repeat.png" alt="Repeat a song" />
   </div>
   
   <div id="starSong">
      <img src="images/star.png" alt="Star a song" />
   </div>
   
   <div id="navigation">
      <a href="?page=home">Home</a>
      <a href="?page=lyrics">Lyrics</a>
      <a href="?page=history">Music</a>
      <a href="?page=cp">Client</a>
      <a href="?page=history">Visualizer <sup style="font-size: 10px; font-family: opensans_bold;">beta</sup></a>
   </div>
</div>

css:

Kód: Vybrat vše

html, body {
   margin: 0;
   padding: 0;
   background: #050505;
}

@font-face {
    font-family: opensans_bold;
    src: url(/fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: opensans_regular;
    src: url(/fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: opensans_light;
    src: url(/fonts/OpenSans-Light.ttf);
}

#header {
   width: 100%;
   height: 50px;
   background: #E74C3C;
   margin-top: -50px;
   position: fixed;
}

#addSong, #repeatSong, #starSong {
   padding: 9px;
   opacity: 0.4;
   width: 32px;
   height: 32px;
   float: left;
}

#addSong:hover, #repeatSong:hover, #starSong:hover {
   transition-duration: 0.2s;
   transition-timing-function: ease-in;
   opacity: 1;
}

#navigation {
   float: right;
   font-family: opensans_regular;
   text-transform: uppercase;
   padding: 13px;
}

#navigation a {
   padding: 15px 10px 15px 10px;
   text-decoration: none;
   color: #fff;
   opacity: 0.4;
}

#navigation a:hover {
   transition-duration: 0.2s;
   transition-timing-function: ease-in;
   opacity: 1;
}

#wrapper {
   min-width: 1280px;
   max-width: 1280px;
   margin-top: 50px;
   margin-bottom: 80px;
   margin-right: auto;
   margin-left: auto;
}

#welcomeMessage {
   width: 960px;
   height: 35px;
   background: #FFF;
   margin-right: auto;
   margin-left: auto;
   overflow: hidden;
}

#welcomeMessage p {
   text-align: center;
   color: #000;
   font-family: opensans_regular;
   text-transform: uppercase;
   top: -25%;
   position: relative;
   transform: translateY(-0%);
}

#videoPlayer {
   width: 960px;
   height: 420px;
   margin-right: auto;
   margin-left: auto;
}

#onlineUsersVisible {
   width: 960px;
   height: auto;
   background: #FFF;
   margin-left: auto;
   margin-right: auto;
   overflow: auto;
}

#onlineUsers, #chatbox {
   width: 960px;
   height: 35px;
   background: #E74C3C;
   margin-right: auto;
   margin-left: auto;
   overflow: hidden;
}

#onlineUsers p, #chatbox p {
   text-align: center;
   color: #FFF;
   font-family: opensans_regular;
   text-transform: uppercase;
   top: -25%;
   position: relative;
   transform: translateY(-0%);
}

#settings_right, #settings_left {
   z-index: 199;
   background: #E74C3C;
   height: auto;
   width: 64px;
   text-align: center;
}

#settings_right {float: right;}
#settings_left {float: left;}

#settings_right img, #settings_left img {
   opacity: 0.4;
   width: 32px;
   height: 32px;
   margin-top: 10px;
}

#settings_right img:hover, #settings_left img:hover {
   transition-duration: 0.2s;
   transition-timing-function: ease-in;
   opacity: 1;
}

#footer {
   width: 100%;
   height: 60px;
   position: fixed;
   bottom: 0px;
}

#songbar {
   width: 100%;
   height: 30px;
   bottom: 30px;
   background: #E74C3C;
}

#copybar {
   width: 100%;
   height: 30px;
   bottom: 0px;
   background: #E2E2E2;
}

#fileInfo {
   color: #FFF;
   text-align: center;
   top: 50%;
   position: relative;
   transform: translateY(-50%);
   text-transform: uppercase;
   font-family: opensans_regular;
   font-size: 15px;
}

#copyright {
   color: #020;
   text-align: center;
   top: 50%;
   position: relative;
   transform: translateY(-50%);
   text-transform: uppercase;
   font-family: opensans_regular;
   font-size: 15px;
}

Aktuální chyba: http://www.pc-help.cz/viewtopic.php?f=61&t=160835&p=1267224#p1267586

ty se musíš hrozně nudit, když řešíš zoomování, co?

smutná pravda je, že bezchybně zoomovat umí jenom edge a uměl to i explorer, firefox a chrome se v tomhle často nechytají, protože správně nepřepočítávají rozměry (prostě to špatně dělí a pak se někdy něco někam nevejde)
pokud má ale někdo potřebu zoomovat na desktopu, měl by místo využívání pochybnejch funkcí vyhledat odbornou péči

No, nudit ani né, ale kdo to má pak poslouchat od designerů, že web není responzivní... Jako samozřejmě bych rád udělal alternativu, že přidám subdoménu m.něco.něco a použiju to na malé rozlišení, ale to až bude hotová desktop verze... :lol:

Responzivni ale neznamena, že zoomujes. Responzivni je, že se to dá používat na mobilu, tabletu, notebooku a desktopu.

Však ano, sedí to prostě všude, ale tím že zoomuješ se ta stránka přízpůsobuje velikosti obrazovky pokud je nastavený width/height v %

tak nezoomuj a zmenšuj velikost okna do šířky

No tak vypadá to, že se vyskytl další problém...

http://stranger.stranger.tk/api.php
ERR:
Warning: file_get_contents(http://youtube.com/get_video_info?video_id=RXks5M56aTI): failed to open stream: HTTP request failed! HTTP/1.0 402 Payment Required in /home/stranger/subdomains/stranger/api.php on line 4

Je to youtube api na zjištění jména videa, na VPS mi to nefunguje, ale na localhostu to normálně outputne jméno toho videa...

Kód: Vybrat vše

<?php
$video_id = 'RXks5M56aTI';

$content = file_get_contents("http://youtube.com/get_video_info?video_id=".$video_id);
parse_str($content, $video_set);
echo $video_set['title'];
?>

PC-HELP.CZ

failed to open stream: HTTP request failed! HTTP/1.0 402 Payment Required, proč?

failed to open stream: HTTP request failed! HTTP/1.0 402 Payment Required, proč? Vyřešeno

Re: Text vypadává z divu při zoomu / na menších rozlišeních

Re: Text vypadává z divu při zoomu / na menších rozlišeních

Re: Text vypadává z divu při zoomu / na menších rozlišeních

Re: Text vypadává z divu při zoomu / na menších rozlišeních

Re: Text vypadává z divu při zoomu / na menších rozlišeních

Re: Text vypadává z divu při zoomu / na menších rozlišeních