[ Príspevkov: 6 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Jednoduchý layout

Registrovaný: 01.10.09
Prihlásený: 12.03.17
Príspevky: 86
Témy: 18 | 18
NapísalOffline : 31.05.2012 3:35 | Jednoduchý layout

Zdravím vás,

na tomto obrázku je nakreslená situácia, ktorú teraz riešim a neviem si s ňou rady:
Jednoduchý layout

V skratke, snažím sa vytvoriť jednoduchý layout za pomoci CSS a HTML, ak bude ale treba využiť aj dačo iné, nebránim sa. Cieľom je teda vytvoriť dva DIVy, prvý bude zarovnaný vľavo, jeho výška bude 100%tná voči obsahovej časti stránky a šírka bude 300px. Druhý DIV bude umiestnený hneď vedľa neho po pravej strane, výška tiež 100% voči obsahovej časti stránky, ale šírka bude dynamicky prispôsobiteľná zvyšnému priestoru - proste ten priestor vyplní.

Zároveň by som chcel, aby medzi týmito DIVmi bol odsadený 6px okraj.

Vedel by mi niekto poradiť?


_________________
Bad news: Time flies. God news: You are the pilot!
Offline

Skúsený užívateľ
Skúsený užívateľ
Jednoduchý layout

Registrovaný: 24.01.08
Prihlásený: 13.09.17
Príspevky: 14572
Témy: 66 | 66
Bydlisko: Žilina
NapísalOffline : 31.05.2012 10:46 | Jednoduchý layout

Čo si zatiaľ skúsil? Toto je vec, ktorá sa na google rieši na každom kroku a patrí medzi základ.


_________________
C#, PHP, ...
Offline

Užívateľ
Užívateľ
Jednoduchý layout

Registrovaný: 01.10.09
Prihlásený: 12.03.17
Príspevky: 86
Témy: 18 | 18
Napísal autor témyOffline : 31.05.2012 14:35 | Jednoduchý layout

Zatiaľ som to skúšal cez:

Kód:
<table style="width: 100%; height: 100%; padding: 0; margin: 0;" cellspacing="6">
        <tr>
            <td valign="top" style="padding: 0; margin: 0; background: #eee; width: 300px;">
                <!-- lava 300px siroka fixna plocha -->               
             
            </td>
            <td valign="top" style="padding: 0; margin: 0; background: #ddd;">
                <!-- prava prisposobujuca sa plocha -->             
            </td>
        </tr>
    </table>


neviem ale či sa to nedá spraviť ešte jednoduchšie alebo kompatibilnejšie.


_________________
Bad news: Time flies. God news: You are the pilot!
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.09.12
Prihlásený: 21.09.15
Príspevky: 13
Témy: 4 | 4
NapísalOffline : 17.09.2012 7:13 | Jednoduchý layout

ok, urobis to takto:

Kód:
#1div {
float: left;
width: 300px;
height: 100%;
}

#medzeramedzidivmi {
float: left;
width: 30px;\\podla toho ake to chces mat siroke;
height: 100%;
background-color: white;
}

#3div {
float: right;
height: 100%;
}



malo by to pracovat, tie divy si pomenuj ako chces, ak by bol problem este ozvi sa


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.04.09
Prihlásený: 16.08.18
Príspevky: 1175
Témy: 190 | 190
NapísalOffline : 17.09.2012 8:55 | Jednoduchý layout

Medzeru medzi divmi sprav cez margin pre prvy div radsej


_________________
CPU: Intel core i5 3470 GPU: Gigabyte N760OC-2GD MB: MSI B75A-G43 RAM: DDRAM3 8GB (2x4GB) TEAM RAM 1600MHz Elite Zdroj: Seasonic G Series 450W HDD: 500GB vybraty z notebooku Lenovo E531 i5-3230M N4IBPXS SSD:Samsung 840 Evo 250GB Case: Fractal Define R4 black pearl FAN: Cooler Master Hyper 212+ EVO DVD: SAMSUNG DVD±R/±RW/RAM SH-224DB SATA, černá, bulk OS: Ubuntu 12.04 64bit & Windows 7 Ultimate 64bit Monitor: Dell U2412m
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.09.12
Prihlásený: 21.09.15
Príspevky: 13
Témy: 4 | 4
NapísalOffline : 17.09.2012 9:32 | Jednoduchý layout

samozrejme, alebo cez margin-right: xpx;


 [ Príspevkov: 6 ] 


Jednoduchý layout



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Layout...

v HTML, XHTML, XML, CSS

5

496

07.11.2009 12:35

camo

V tomto fóre nie sú ďalšie neprečítané témy.

Brainhacking layout

v Webdesign

12

578

08.04.2008 19:13

pepek92

V tomto fóre nie sú ďalšie neprečítané témy.

overflow layout

v HTML, XHTML, XML, CSS

2

397

11.03.2009 11:34

mienkofax

V tomto fóre nie sú ďalšie neprečítané témy.

Layout stranky

v HTML, XHTML, XML, CSS

11

1595

30.12.2007 23:23

erkakbe

V tomto fóre nie sú ďalšie neprečítané témy.

Toshiba layout

v Notebooky a netbooky

4

478

13.09.2008 0:25

fuco

V tomto fóre nie sú ďalšie neprečítané témy.

rozhádzaný layout

v HTML, XHTML, XML, CSS

3

270

26.02.2010 17:17

camo

V tomto fóre nie sú ďalšie neprečítané témy.

aky Layout?

v HTML, XHTML, XML, CSS

13

931

02.12.2006 17:37

javo

V tomto fóre nie sú ďalšie neprečítané témy.

css layout

v HTML, XHTML, XML, CSS

6

778

15.11.2008 23:10

Gyrxiur

V tomto fóre nie sú ďalšie neprečítané témy.

myspace layout

v HTML, XHTML, XML, CSS

4

454

01.12.2009 10:12

HUBO

V tomto fóre nie sú ďalšie neprečítané témy.

e-shop layout

v Webdesign

22

865

16.03.2008 21:48

jablko05

V tomto fóre nie sú ďalšie neprečítané témy.

css layout pomoc

v HTML, XHTML, XML, CSS

5

475

27.08.2008 12:55

wotan

V tomto fóre nie sú ďalšie neprečítané témy.

Pixiho trojstĺpcový layout

v HTML, XHTML, XML, CSS

16

838

21.11.2009 20:35

camo

V tomto fóre nie sú ďalšie neprečítané témy.

Google Layout kóty

v Grafické programy

0

538

09.06.2008 15:10

Blackshadow

V tomto fóre nie sú ďalšie neprečítané témy.

chybny layout vo firefoxe

v HTML, XHTML, XML, CSS

6

415

26.06.2008 8:28

itsgoingd

V tomto fóre nie sú ďalšie neprečítané témy.

table layout vs. css

v Webdesign

14

838

14.01.2007 16:38

audiotrack

V tomto fóre nie sú ďalšie neprečítané témy.

Specialny vyskovy layout (CSS)

v HTML, XHTML, XML, CSS

2

335

12.01.2009 13:29

Merlin_sk



© 2005 - 2018 PCforum, edited by JanoF