| | |
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Autor | Správa |
---|
Registrovaný: 05.03.11 Prihlásený: 06.03.11 Príspevky: 3 Témy: 1 |
Zdravim.
Nepodarilo sa mi vypátrať na fóre riešenie aspoň podobného problému.
Dovolím si preto položit novú otázku. (tému)
Riešim rozloženie stránky pomocou DIV a CSS.
Pokial nastavujem celkovú šírku stránky DO 1024 px tak je všetko v poriadku na všetkých prehliadačoch ( aj Ipod sa prispôsobí a zobrazí celú šírku stranku)
V momente keď ale chcem aby celková šírka stránky bola 1240px, tak Ipod pri načítani stránky neprispôsobí rozlíšenie a zobrazí iba výrez stranky.
Preto sa chcem opýtať ako sa dá toto vyriešit.
subor index.php
Kód: <div id="cela">
<div id="hlavicka"> <? require("hlavicka.php")?></div> <div id="menu"><? require("menu.php")?></div> <div id="obsah"><? zobraz();?></div> <div id="paticka"><? require("paticka.php")?></div>
</div> subor css Kód: html, body { margin: 0; padding: 0; }
body { text-align: center; }
#cela { margin: 0 auto; text-align: left; width: 1240px; }
#hlavicka { height: 122px; }
#menu { width: 240px; float: left; list-style-type: none; }
#obsah { width: 720px; float: left; }
#paticka { clear: left; height: 38px; }
už vopred ďakujem za každú radu
|
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 Bydlisko: Trnava |
mozem vediet preco nastavujes stranke 1240px sirku ak obsah s menu ma dokopy 960px? nie je to zbytocnost? Napis pouzitie alebo daj link na ukazku, pre lepsie pochopenie ...
_________________ Hmmm .... Hrošíček ... [Homer] |
|
Registrovaný: 05.03.11 Prihlásený: 06.03.11 Príspevky: 3 Témy: 1 | Napísal autor témy peco.voki: 05.03.2011 19:05 | |
|
don jebot píše: mozem vediet preco nastavujes stranke 1240px sirku ak obsah s menu ma dokopy 960px? nie je to zbytocnost? Napis pouzitie alebo daj link na ukazku, pre lepsie pochopenie ...
Ospravedlňujem sa. Už som bol z toho tak z magorený, že som zabudol zmeniť šírku obsahu keď som vyhodil pravý stĺpec.
Aktuálny stav je tu: http://www.chachaland.sk/test/index.php
a zdrojový kód je takýto:
CSS:
Kód: html { display:block; }
body { text-align: center; margin: 0; padding: 0; } div{ display: block; } #cela { margin: 0 auto; text-align: center; width: 1240px; position: relative; }
#hlavicka { width:1240px; padding: 0; margin:0 0; } #hlavicka_obsah { width: auto; padding: 0; border: none; } #stranka { color: black; } #menu { width: 240px; float: left; clear: left; padding: 0px; margin: 0 0; border: 0; overflow:hidden; background-color: Red; } #menu_obsah { width: auto; padding: 0; border: none; text-align:left; } #obsah { width: 760px; float: left; padding: 0px; margin: 0 0; border: 0; overflow:hidden; background-color: yellow; } #obsah_obsah { width: auto; padding: 0; border: none; text-align:left; margin-left:0; } #menu_vpravo { width: 240px; float: right; padding: 0px; margin: 0 0; border: 0; overflow:hidden; background-color: blue; } #menu_vpravo_obsah { width: auto; padding: 0; border: none; text-align:left; } #paticka { width:1240px; padding: 0; margin:0 0; clear:both; text-align: left; border: none; background-color: green; } #paticka_obsah { width: auto; padding: 0; border: none; text-align:center; }
SÚBOR INDEX(iba body): Kód: <body> <div id="cela">
<div id="hlavicka"> <div id="hlavicka_obsah"><? require("hlavicka.php")?></div> </div> <div id="stranka"> <div id="menu"> <div="menu_obsah"><? require("menu.php")?></div> </div> <div id="obsah"> <div id="obsah_obsah"><? zobraz();?></div> </div> <div id="menu_vpravo"> <div="menu_vpravo_obsah"><? require("menu_vpravo.php")?></div> </div> </div> <!-- <div id="paticka"> <div id="paticka_obsah"><? require("paticka.php")?></div> </div> --> </div> </body>
EDIT PECO 5.3. 19:21
pre porovnanie dopĺňam tú istú stránku širokú 1000px ( ak pozriete na Ipad uvidíte rozdiel )
http://www.chachaland.sk/test/index2.php
|
|
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| prispôsobenie stránky podľa rozlíšenia v HTML, XHTML, XML, CSS | 8 | 2219 | 06.01.2010 10:25 miro277 | | Apple predstavil nový iPod shuffle, iPod nano a iPod touch v Novinky | 3 | 689 | 01.09.2010 22:19 Skyro | | Alternativny Software pre iPod v Mobilné zariadenia | 4 | 1000 | 13.04.2008 15:10 Zvuk | | P: Apple Ipod 80GB + iPod Docking Station and Alarm Clock v Predám | 1 | 579 | 17.11.2014 21:19 TESLA | | I/P: iPod Nano 3G 8GB, iPod Universal Dock + Remote Control v Predám | 3 | 695 | 14.01.2013 13:43 Sabone | | Dock pre Ipod Classic s optical Out v Ostatné | 1 | 287 | 17.04.2016 12:35 liqua1 | | Spustený repozitár aplikácií pre iPhone a iPod touch v Novinky | 1 | 706 | 11.07.2008 17:39 Triminka | | P:autonabijacka Griffin PowerJolt SE pre iPad, iPhone a iPod v Predám | 4 | 329 | 15.02.2014 6:26 thiery12 | | I/K: Belkin TuneBase FM s Hands-Free, pre iPod, iPhone v Kúpim | 3 | 369 | 29.03.2012 16:44 tacosi | | prisposobenie rozlisenia v JavaScript, VBScript, Ajax | 7 | 690 | 26.04.2009 22:22 miro277 | | Prisposobenie imagecreate? v PHP, ASP | 1 | 383 | 04.04.2010 16:35 chrono | | Prisposobenie podla rozlisenia v HTML, XHTML, XML, CSS | 16 | 1562 | 26.06.2008 13:27 Tominator | | Prispôsobenie textového okienka... v HTML, XHTML, XML, CSS | 4 | 552 | 08.08.2011 19:35 S-player | | Prisposobenie elementu k rozliseniu v HTML, XHTML, XML, CSS | 26 | 1063 | 20.05.2021 8:15 misiak171 | | Prispôsobenie pozadia podľa rozlíšenia v HTML, XHTML, XML, CSS | 1 | 925 | 06.11.2010 12:35 camo | | Vytvorenie stranky pre download wallpaperov v Ostatné | 5 | 682 | 15.01.2011 22:52 walther |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|