Prosím o pomoc s rozlišením webu

13. 4. 2015 12:46:57

Ahojte je mi to sice takové trapné ale udělal jsem si jednoduchy stylesheet , ale nevím jak to udělat do fullscreen podoby jelikož ta stranka je jakoby v rámečku. PS: V oblasti tvorby webu jsem totalní začatečník :). Děkuji moc za odpověd , s podzravem Výtisk

Style.css

index.php

<html>
<head>
<title>RoxDor WebSite</title>
<LINK href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s);
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/cs_CZ/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div id="section">
<h1>Vítejte</h1>
<p>
Zdravím všechny nadšence hackingu a všeho co se týče IT .<br>
Web vznikl za účelem pomoci řešením vaších problému .<br>
Stránka byla založena dne 13. dubna 2015<br>
</p>

</div>

<div id="footer">
Copyright © RoxDor.9e.cz  , <?php echo("Vaše IP je $_SERVER")?> <a href="http://www.toplist.cz/" target="_top"><img
src="https://toplist.cz/count.asp?id=1695597&logo=btn" border="0" alt="TOPlist" width="80" height="15"/></a>
</body>

13. 4. 2015 12:46:57

https://webtrh.cz/diskuse/prosim-o-pomoc-s-rozlisenim-webu/#reply1105964

Christ Petr

(1 hodnocení)

13. 4. 2015 13:03:00

Nic neuvádět v px ale v em.

---------- Příspěvek doplněn 13.04.2015 v 13:03 ----------

Em ti zaručí responzivní vzhled. Px udáváš pevnou velikost.

13. 4. 2015 13:03:00

https://webtrh.cz/diskuse/prosim-o-pomoc-s-rozlisenim-webu/#reply1105963

Ondrej Vertat

(48 hodnocení)

13. 4. 2015 13:13:07

Napsal suissy;1185918
Nic neuvádět v px ale v em.
---------- Příspěvek doplněn 13.04.2015 v 13:03 ----------
Em ti zaručí responzivní vzhled. Px udáváš pevnou velikost.

Ale houby.

13. 4. 2015 13:13:07

https://webtrh.cz/diskuse/prosim-o-pomoc-s-rozlisenim-webu/#reply1105962

Fido123

(13 hodnocení)

13. 4. 2015 13:31:37

Nevím co přesně myslíš, ale zkus tohle

přepsat takhle

---------- Příspěvek doplněn 13.04.2015 v 13:33 ----------

Jo a ještě mě napadlo, nechceš náhodou odstranit ty dva postranní sloupce? :)

13. 4. 2015 13:31:37

https://webtrh.cz/diskuse/prosim-o-pomoc-s-rozlisenim-webu/#reply1105961

Tomáš Herout

13. 4. 2015 14:32:58

Napsal suissy;1185918
Nic neuvádět v px ale v em.
---------- Příspěvek doplněn 13.04.2015 v 13:03 ----------
Em ti zaručí responzivní vzhled. Px udáváš pevnou velikost.

Nesmysl. Pokud by responzivita byla jen v hodnotách "em", tak bych se neměl čím živit. Dávat hodnoty v "em" se jen obsah přizpůsobuje velikosti použitého fontu, a s responzivitou to nemá nic společného.

---------- Příspěvek doplněn 13.04.2015 v 14:44 ----------

Já úplně nerozumím dotazu samotnému. Ale pokud jde o to, aby se elementy (DIVy, odstavce...) přizpůsobovali šířce okna prohlížeče, tak je třeba psát rozměry v procentech. Dám příklad. Pokud má první DIV po řekněme "width: 100%", tak se roztáhne přes celou obrazovku. Další dva vnořené DIVy tvořící sloupce budou mít oba "float:" třeba "left" a šířku (bez definice šířky nedojde k obtékání) definujete také v procentech, takže např. "width: 50%". Tímto způsobem definujete layout přizpůsobující se velikosti prohlížeče.

Ukázka zde: http://www.helpmark.cz/navody/html-css/html-znacky/279-html-znacka-div

Mimochodem celý web http://www.helpmark.cz se přizpůsobuje šířce okna prohlížeče, ale je tam toho o malinko víc, než jen procentuální šířky.

13. 4. 2015 14:32:58

https://webtrh.cz/diskuse/prosim-o-pomoc-s-rozlisenim-webu/#reply1105960

Christ Petr

(1 hodnocení)

13. 4. 2015 15:55:12

Chtěl jsem tím říct, že pokud naství bg 1280px tak to bude 1280px červený obdelníček.. když to nastavý na auto, a přidá hodnoty em tak se mu roztáhne do rozlišení, které potřebuje a hodnoty zůstanou zachovány... (omlouvám se za slovo responzivní, není to to pravé ořechové :)

Ondřej Věřtát: Tvůj slovní průjem je úplně zbytečný :)

13. 4. 2015 15:55:12

https://webtrh.cz/diskuse/prosim-o-pomoc-s-rozlisenim-webu/#reply1105959

Ondrej Vertat

(48 hodnocení)

13. 4. 2015 19:32:18