/*
Tested browser:
001 of 006: FF 2.0.0.7
002 of 006: FF 3.0.3
003 of 006: FF 3.5.3
004 of 006: IE 6.0.3790.0 (Update Version: 0)
005 of 006: IE 7.0.5730.13 (Update Version: 0)
006 of 006: IE 8.0.6001.18702 (Update Version: 0)
*/
body /* */
{
/* "margin: 0px" needed only for IE6. See the CSS-file.*/
/* If you do not use this item, in IE6 "width:100%" for the rest of the div items ... */
/* ... wont't function correctly. A gap remains on the right side and on the top of the page. */
margin: 0px;
background: blue;
}
/*
BEG 2010-03-06-13-07-52
DEV
Képernyo felbontás: 1024 x 768.
A DESKTOP alján levo TASKBARon
set only max time, day, date (3 row of text) can be seen at the bottom
Ennél többet nem szoktak beállítani a felhasználók.
"#rectangle_main_flash_object" esetén a "height: 540px;" MAXIMUM.
#rectangle_main_flash_object esetén a "height: 540px;" MAXIMUM.
A két height célszeruen azonosra állítható.
Ha bármelyik height ennél nagyobb, azonnal megjelenik a jobb oldalon a böngészo függoleges scrollbarja.
Az IE7 esetén, ha fennt 4 állapotsor volt a böngészoben beállítva, akkor sem jött elo ...
... a böngészo jobb oldali függoleges scrollbarja.
Az swf-file-ban eze lehet szintén a max height.
END 2010-03-06-13-07-52
*/
#rectangle_main_flash_object_position
/* Maintains position for the "#rectangle_main_flash_object" */
{
position: relative;
/*left: 0px;
right: 0px;*/
width: 100%;
height: 540px; /* */
text-align: center;
/*text-align:-moz-center; FF*/
background: black;
z-index: 2;
}
#rectangle_main_flash_object /* rectangle for the main flash object */
{
/*
If i change "position: relative;" to "position: absolute;", it won't function correctly, ...
centering the inner (child) div cannot be maintained.
*/
position: relative;
width: 1000px;
height: 540px;
text-align: right;
background: green;
z-index: 2;
}
#text_summary_of_profil /* one row profil summary */
{
position: relative;
background:white;
z-index: 2;
}
#rectangle_for_transient_header /* */
{
position:relative;
left: 0px;
right: 0px;
width:100%;
height:200px;
height:300px;
text-align:center;
background:black;
/*z-index: 999 !important;*/
}
#rectangle_flags_and_menu_position /* Maintains position for the "#rectangle_flags_and_menu" */
{
position: relative;
/*left: 0px;
right: 0px;*/
width: 100%;
height:70px;
text-align: center;
/*text-align:-moz-center; FF*/
background: black;
z-index: 2;
}
#rectangle_flags_and_menu /* rectangle for the flags and the menu */
{
/* Value of "height:" has no effect at IE6.
That means, the div height remains the same as the height of the FLASH object.
At the rest of the browsers it works as expected.
If i change "position: relative;" to "position: absolute;", it won't function correctly, ...
centering the inner (child) div cannot be maintained.
*/
position: relative;
width: 1000px;
height:70px;
text-align: right;
background: red;
z-index: 2;
}
#rectangle_nemet_magy_zaszl /* Contains the Hungarian and the German Flag.*/
{
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 70px;
text-align:left;
background: green;
z-index: 3;
}
#rectangle_magy_zaszl /* Contains the Hungarian Flag.*/
{
position: absolute;
top: 5px;
left: 10px;
width: 60px;
height: 36px;
text-align: center;
background: green;
z-index: 3;
}
#rectangle_nemet_zaszl /* Contains the German Flag.*/
{
position: absolute;
top: 5px;
left: 80px;
width: 60px;
height: 36px;
text-align: center;
background: green;
z-index: 3;
}
#rectangle_menu_flash_object /* Contains the menu flash object.*/
{
position: absolute;
top: 0px;
left: 150px;
width: 850px;
height: 70px;
text-align:left;
background: none;
z-index: 3;
}
#rectangle_proba_1 /* */
{
position: absolute;
top: 35px;
left: 150px;
width: 850px;
height: 30px;
text-align: center;
background: yellow;
z-index: 2;
}
#rectangle_for_the_menu /* */
{
/* Value of "height:" has no effect at IE6.
That means, the div height remains the same as the height of the FLASH object.
At the rest of the browsers it works as expected.
*/
position: relative;
right: 0px;
width:100%;
height:70px;
text-align:right;
background:red;
z-index: 2;
}
#rectangle_cegbemut_elerhet_video /* Maintains position for "#rectangle_three_inner_rect" */
/*Contains: cegbemutato-rectangle, elerhetoseg-rectangle, video-rectangle.*/
{
position: relative;
width: 100%;
height: 500px;
text-align: center; /* FF: Child DIV can only be centered with HTML ... !!! */
background: black;
z-index: 2;
}
#rectangle_three_inner_rect /* three inner rect: flags and the menu and the video */
{
/*
If i change "position: relative;" to "position: absolute;", it won't function correctly, ...
centering the inner (child) div cannot be maintained.
*/
position: relative;
width: 1000px;
height: 500px;
text-align: center;
background: lightblue;
z-index: 2;
}
#rectangle_cegbemutato /* Text. Company profile. */
{
position: absolute;
top: 5px;
left: 5px;
width: 700px;
height: 490px;
text-align: center;
background: red;
}
#rectangle_ceg_elerhet_adatok /* Contact. */
{
position: absolute;
top: 5px;
left: 710px;
width: 285px;
height: 200px;
text-align: center;
background: red;
z-index: 300 ;
}
#rectangle_outer_himzog_video /* Video of an embroidery machine outer rectangle. */
{
position: absolute;
top: 210px;
left: 710px;
width: 285px;
height: 285px;
text-align: center;
background: red;
}
#rectangle_submenu_ingek_position /* Maintains position for rectangle_submenu_ingek. */
{
position: relative;
width: 100%;
height: 490px;
text-align: center; /* FF: Child DIV can only be centered with HTML ... !!! */
background: black;
z-index: 6;
}
#rectangle_submenu_ingek /* */
{
position: relative;
width: 1000px;
height: 490px;
text-align: center; /* FF: ... !!! */
background: red;
z-index: 6;
}
#rectangle_activ_menupont_position /* Maintains position for "#rectangle_activ_menupont" */
/* Megadja, melyik menupontnak megfelelo oldlon vagyunk.
On every page except the main (first) page, directly under the submenu.*/
{
position: relative;
width: 100%;
height: 20px;
text-align: center; /* Child DIV can only be centered with HTML ... !!! */
font-size: 1em;
background: black;
z-index: 2;
}
#rectangle_activ_menupont
/* Megadja, melyik menupontnak megfelelo oldalon vagyunk.
On every page except the main (first) page, directly under the submenu.*/
{
position: relative;
width: 1000px;
height: 20px;
text-align: center;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9px;
font-style: normal;
background: red;
z-index: 2;
}
#rectangle_www_himzesek_hu
/* www_himzesek_hu*/
{
position: absolute;
top: 5px;
left: 5px;
width: 100px;
height: 10px;
text-align: center;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9px;
font-style: normal;
background: yellow;
z-index: 4;
}
#rectangle_info_kukac_himzesek_hu
/* info_kukac_himzesek_hu*/
{
position: absolute;
top: 5px;
left: 895px;
width: 100px;
height: 10px;
text-align: center;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9px;
font-style: normal;
background: yellow;
z-index: 4;
}