Div emitujący ramke lecz bez url

Question

Witam

Chcę aby div emitował ramkę

<div id="ramka"></div>

czyli jak na stronie index.html jest podane do diva 

<div id="center></div>

w pliku style.css 

#center {
width:1000px;
height:400px;
background-color:orange;
}

a w divie ramka będzie dopisane

<div id="ramka"><div id="center"></div></div>

to ma ignorować wszystko co było podane w style.css , jakoś nadal nie mogę na to uzyskać odpowiedzi a szukałem wszędzie , bardzo mi na tym zależy

Answer 1

Pewnie ci o to chodzi. 

Comments

zapomniałem dodać , ramka jako

<iframe sr="index2.html"></iframe>

lecz to div ma udawać podstronę , bez jakiegokolwiek ładowania innego pliku .htm

 

 

Answer 2

Widzę, że Kolega @jaca dał Ci odpowiedź, więc tylko dorzucę co nie co o samym kodzie:

1. nie styluj po ID ale po klasach!
2. jeśli już tworzysz ID (np. do pobierania referencji DOM) to używaj jakiś nazw określających przeznaczenie elementu. ID "center" czy "ramka" nie są dobre. A co jeśli za chwilę ten "center" będzie w layoucie ustawiony na left? Ponad to często inny jest layout na PC a inny na mobilki (RWD).
3. stosuj wcięcia w kodzie (CSS) - ułatwi Ci to jego utrzymanie
4. sztywne określanie wymiarów w PX używaj w ostateczności. Zanim to zrobisz zastanów się nad RWD, tymbardziej, jeśli robisz tak duże wartości jak 1000px. Czasami jest to ok, np. jeśli zastosujesz to tylko dla PC/tablety a dla mniejszych zrobisz jakiś bardziej plynny layout na @media + flexbox. Zawsze jednak najpierw pomyśl, czy to na pewno dobre wyjście.
5. Osobiście unikam stosowania kolorów "orange", "blue" itp. Wolę podawać jako hex lub rgb (rzadziej hsl). Daje mi to większą gwarancję co do ostatecznego koloru. Przyznam jednak szczerze, że nie analizowałem nigdy jak wygląda ustandaryzowanie tego w różnych przeglądarkach, więc być może przesadzam w tym punkcie :)

Comments

tylko przykład podałem , z pośpiechu , wszystko co podałeś to o tym doskonale wiem i i tak dzięki